/* theme.css contains styles that support different sizes of theme images */ @import url("theme.css"); /* Begin teclan styles */ body { margin:0px; padding:0px; background:#ffffff url('missprint23.jpg') repeat-x; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; } /* main divisions */ #wrapper { width:880px; margin:15px auto; border:1px dashed #f30790; background:#fff; } #left { width:168px; float:left; } #logo { position:relative; top:10px; height:140px; margin-bottom:18px; } #logo a { display:block; position:absolute; top:0px; left:5px; } #center { width:710px; float:right; border-left:1px solid #b9b8b3; position:relative; padding-bottom:15px; } #header { position:relative; border-bottom:1px solid #b9b8b3; } #topnav ul { list-style-type:none; margin:0px; padding:0px 0px 0px 10px; border-bottom:1px dashed #f30790; } #topnav li { display:inline; line-height:45px; padding-right:12px; } #topnav li#last {padding-right:0px;} #topnav a { color:#333333; font-size:13px; text-decoration:none; } #topnav a:hover { text-decoration: underline; color:#f30790; } #helpline { position:relative; height:41px; } #search { position:absolute; left:10px; top:8px; } #orderline { position:absolute; top:8px; right:10px; font-size:22px; } #content { padding:15px 10px; clear:right; } #footer { width:880px; margin:10px auto; position:relative; } #footer img { vertical-align:middle; } #brochure-lists { background:#f2f0e3; } .b-list { padding:0px; background:#f2f0e3; float:left; line-height:150%; width:148px; margin:10px 12px 0px 12px; } #brochure-lists a { display:block; color:#3F3D40; text-decoration:none; text-transform:lowercase; } #brochure-lists a:hover {text-decoration:underline;} /* section list*/ #sectionheader { border-bottom:1px dashed #b9b8b3; font-size:13px; color:#f30790; line-height:38px; padding-left:12px; } #sectionheader a { text-decoration:none; } #sectionlist { margin-bottom:16px; } #sectionlist a { display:block; border-bottom:1px dashed #b9b8b3; padding:7px 12px; color:#333333; font-size:13px; text-decoration: none; } #sectionlist a:hover { background:#f30790; color:#ffffff; } * html #sectionlist a { height:1%; } /* new products and best sellers */ #whatsnew { width:338px; float:left; } #newproducts { width:338px; float:right; } .greenheader { /*background:url('green-grad.jpg') repeat-x;*/ border-top:1px solid #258588; border-bottom:1px solid #258588; height:28px; line-height:26px; color:#258588; padding:0px 5px; } .solid-greenheader { background:url('green-grad.jpg') repeat-x; border:1px solid #258588; height:28px; line-height:150%; color:#ffffff; padding:0px 5px; } #pinkheader { /*background:url('pink-grad.jpg') repeat-x;*/ border-top:1px solid #f30790; border-bottom:1px solid #f30790; height:28px; line-height:26px; color:#fff; padding:0px 5px; } .greenheader h4, #pinkheader h4 { color:#258588; font-weight:600; line-height:26px; margin:0px; font-size:15px; } #pinkheader h4 {color:#f30790;} a.right-block:link, a.right-block:visited, a.right-block:active { display:block; float:right; } .greenheader a:link, .greenheader a:visited, .greenheader a:active, #pinkheader a { color:#258588; } .solid-greenheader a:link, .solid-greenheader a:visited, .solid-greenheader a:active { color:#ffffff; padding-right:5px; } .teclan-miniprod-image { text-align:center; padding-top:4px; } .col-box { text-align:center; margin-bottom:10px; } /*sections*/ #breadcrumbs { border-bottom:1px solid #b9b8b3; line-height:240%; height:29px; font-size:11px; padding-left:10px; } #breadcrumbs h1 { margin:0px; padding:0px 0px 4px 0px; font-weight:normal; font-size:16px; color:#333333; } #breadcrumbs a { color:#333333; text-decoration:none; } #breadcrumbs a:hover { text-decoration:underline; } .subsection-list { border:none; width:100%; margin-top:10px; } .subsection-list td { padding:0px; text-align:center; padding-bottom:30px; width:25%; vertical-align:top; } /*Products*/ #product-left { float:left; width:200px; } #rollovers { padding-top:6px; } #rollovers img { display:block; float:left; width:60px; cursor:pointer; margin-right:10px; margin-top:5px !important; } .enlarge-image { background:url('enlarge.gif') no-repeat left center; min-height:40px; height:auto !important; height:40px; padding-left:36px; padding-top:18px; clear:left; } .email-friend { background:url('email.gif') no-repeat left center; min-height:38px; height:auto !important; height:38px; padding-left:36px; padding-top:12px; } #house-icons { border:1px dashed #f30790; padding:5px; line-height:150%; } #house-icons a { /* position:relative;*/ text-decoration:none; } #house-icons a span { position:absolute; display:block; bottom:-13px; left:20px; visibility:hidden; padding:0px 2px; color:#258588; z-index:9999; } #product-right { float:right; width:454px; margin-top:18px; } .addtocart { border:1px solid #333333; background:url('pink-grad.jpg') repeat-x; height:28px; color:#ffffff; font-size:16px; padding:0px; margin:0px auto; width:138px; text-transform:uppercase; cursor:pointer; } a.addtocart:link, a.addtocart:visited, a.addtocart:active { display:block; color:#fff; border:1px solid #333333; background:url('pink-grad.jpg') repeat-x; text-decoration:none; font-size:14px; height:20px; width:120px; } #free-delivery { text-align:left; background:url('truck.gif') no-repeat right top; min-height:48px; height:auto !important; height:48px; width:135px; padding-right:62px; margin-top:54px; font-size:14px; cursor:pointer; } .teclan-input { border:1px solid #7F9DB9; } .attribute { margin-bottom:10px; } label.prompt { display:block; float:left; width:65px; padding-top:3px; } /* fragments */ .fragment-box { width:326px; min-height:70px; height:auto !important; height:70px; border:1px dashed #f30790; padding:5px; margin-top:10px; } /* general purpose classes */ .clearit { clear:both; } a img { border:none; } .teclan-title3 { margin:4px 0px; padding:0px; font-size:18px; font-weight:normal; color:#258588; } .teclan-title4 { margin:0px; padding:0px; font-size:12px; font-weight:normal; color:#333333; } * html .teclan-title3 { font-weight:600; font-size:17px; } .nopad { margin:0px !important; padding:0px !important; } .hide { display:none; } /*fixes for legacy styles*/ .fragmentheading { display:none !important; } .sectionintro { background:#fff !important; margin-bottom:8px; padding-bottom:0px; } #sectiondesc { line-height:150%; } #sectiondesc a { text-decoration:none; } #sectiondesc a:hover { text-decoration:underline; } a.green-link:link, a.green-link:visited, a.green-link:active { color:#258588; font-weight:600; } a.grey-link:link, a.grey-link:visited, a.grey-link:active { color:#333333; text-decoration:none; } a.u:hover { text-decoration:underline; } /* begin general styles inherited from Actinic */ p, table, td, th { line-height:150%; margin-top:0px; } th { font-weight:normal; } form { margin:0px; } a:link { color: #f30790; text-decoration: underline; } a:visited { color: #f30790; text-decoration: underline; } a:hover { color: #333333; text-decoration:underline; } a:active { color: #f30790; text-decoration: underline; } ul { list-style-type: square; } /* Generic text formatting used throughout the store ---------------------------- */ #carterror table { margin:10px 0px; } .actCHECKOUTEM { background-color: #f1f0e2; } .actCHECKOUTBG { background-color: #f1f0e2; } .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: #000000; } .actrequiredcolor { color: #000000; } .actsearchhighlightcolor { color: #000000; } .actrequired { color: #000000; } .actwarning { font-size: 12px; color: #000000; } .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: #f30790; } /* Boxes and borders ------------------------------------------- */ .thinborder1 { border: 1px solid #258588; } .thinborder2 { border: 1px solid #b9b8b3; } .thinred { border: solid 1px #258588; border-top: 0px; } .thinred2 { border: solid 1px #b9b8b3; border-top: 0px; } /* Shopping cart and checkout fields ------------------------------------------- */ table.checkout td { background-color: #f1f0e2; } table.checkout th { background-color: #f1f0e2; } .cart { background-color: #f1f0e2; } .cartheading { /*background-color: #f1f0e2;*/ background:url('green-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: #258588; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-1 { width: 150px; height: 19px; background-color: #258588; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-2 { width: 225px; height: 19px; background-color: #258588; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-3 { width: 300px; height: 19px; background-color: #258588; 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: #258588; } h1.subheading	{ font-size: 13px; font-weight: 900; margin: 0px; padding: 0px 0px 14px 0px; color: #b9b8b3; } h2	{ font-size: 16px; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #b9b8b3; } h2.clearall	{ font-size: 16px; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #b9b8b3; clear:both; } .product	{ font-size:16px; font-weight:normal; margin:0px; padding:0px 0px 10px 0px; color:#333333; } .complete { margin-top:32px; margin-bottom:10px; border-bottom:1px dashed #f30790; padding-top:8px; padding-bottom:7px; font-weight:600; } h3.product_price	{ font-size: 12px; font-weight: 900; margin: 0px; padding: 0px 0px 20px 0px; } /* 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 -------------------------- */ .image_float_right	{ float: right; margin: 16px 0px 15px 20px; } /* lines -------------------------------------------------------------------------------- */ .dotted_line_blue	{ height: 1px; background-color: #b9b8b3; background-image:url('theme_dotted_line.gif'); clear:both; } .solid_line_light_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #b9b8b3; clear:both; } .solid_line_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #258588; clear:both; } .dotted_outline_blue	{ border: 1px dotted #b9b8b3; padding: 8px; }