/* Main page layout formatting */ ul { list-style-type: none; margin:20px; padding:0px; } li { list-style-image: url('grey-diamond.jpg'); background-repeat: no-repeat; background-position: 0px 15px; padding-left: 10px; pdding-bottom:5px; } #cart { position:absolute; top:50px; right:50px; width:180px; height:90px; padding:8px; background:#59533d; color:#fff; text-align:center; } #cart a { color:#fff; text-decoration:underline; } #cartlinks {display:none;} /* General purpose classes */ .fleft {float:left;} .fright {float:right;} .cleft {clear:left;} .cright {clear:right;} .clearit {clear:both;} /* Menu formatting items */ .sectionhead { background:#59533d url('section-head.jpg') repeat-x left bottom; min-height:30px; height:auto !important; height:30px; color:#ffffff; } .sectionhead h4 { font-weight:normal; padding:5px; font-size:19px; margin:0px; } dl.sectionlist, dl.sectionlist dd { margin:5px; padding:0px; } dl.sectionlist {margin-bottom:5px;} dl.sectionlist dt a {font-size:14px;color:#333333;text-decoration: none;} dl.sectionlist dt a:hover {color:#829f53;text-decoration: underline;} dl.sectionlist dt {margin:2px 0px;} dl.sectionlist dd a {display:block; background:url('grey-diamond.jpg') no-repeat left center; padding-left:16px; margin-left:5px; margin-bottom:5px; color:#333333; text-decoration: none; } dl.sectionlist dd a:hover, dl.sectionlist dd a#selected { background-image:url('green-diamond.jpg'); color:#829f53; text-decoration: underline; } #brochure-nav { margin:10px 0px; } #brochure-nav a { color:#595f23; text-decoration:underline; display:block; float:left; border-right:1px solid #59533d; padding-right:13px; margin-right:13px; } #tea ul, #coffee a.checkout-checkoutbg:link { color: #e3dfd5; text-decoration: none; } a.checkout-checkoutbg:visited { color: #e3dfd5; text-decoration: none; } a.checkout-checkoutbg:hover { color: #e3dfd5; text-decoration: underline; } a.checkout-checkoutbg:active { color: #e3dfd5; text-decoration: underline; } a.checkout-textcolor:link { color: #333333; text-decoration: none; } a.checkout-textcolor:visited { color: #333333; text-decoration: none; } a.checkout-textcolor:hover { color: #333333; text-decoration: underline; } a.checkout-textcolor:active { color: #333333; text-decoration: underline; } /* ul { margin:0px; padding:0px; list-style-type:none; } */ #tea ul li, #coffee ul li { width:85px; float:left; text-align:center; margin:0px 4px; } #tea ul li a img, #coffee ul li a img { border:1px solid #333333; } #tea ul li a:hover img, #coffee ul li a:hover img { border-color:#595f23; } #tea li.hide, #coffee li.hide {display:none;} /*Fragments*/ #coffee_club { width:265px; float:left; padding-right:8px; border-right:1px solid #59533d; } #tea_club { width:285px; float:right; } .scroll-link { height:30px; overflow:hidden; } /*Sections*/ .teclan-section-link { text-align:center; border:1px solid #59533d; width:127px; float:left; margin-right:24px; margin-bottom:17px; padding:5px 0px; } .spacer { background:#cdc5b0; height:1px; line-height:1px; margin-bottom:14px; overflow:hidden; } /*Products*/ .recommended-box { text-align:center; width:130px; padding:3px; float:left; border:1px solid #59533d; margin-right:5px; margin-bottom:5px; min-height:200px; height:auto !important; height:200px; } .teclan-product-box { text-align:center; width:181px; padding:5px; float:left; border:1px solid #59533d; margin-right:6px; margin-bottom:14px; min-height:230px; height:auto !important; height:230px; } .product-image { height:150px; position:relative; } .recommended-image { height:80px; position:relative; } .ext-info-links a:link, .ext-info-links a:visited, .ext-info-links a:active  { font-size:15px; color:#333333; text-decoration:underline; } .outofstock { color:#cc0000; font-size:14px; line-height:42px; } .form-button { display:block; width:156px; height:150%; background:url('form-button-bg.jpg') no-repeat left center; color:#fff; font-size:15px; text-transform:uppercase; border:none; line-height:37px; } .ext-info-header { position:relative; border-bottom:1px solid #59533d; margin-bottom:10px; } #back-link { display:block; position:absolute; top:44px; right:0px; font-weight:600; text-decoration:underline; } #ext-info-left { width:342px; line-height:150%; } #ext-info-right { width:226px; border:1px solid #cdc5b0; text-align:center; } #emailafriend { background:url('email-icon.jpg') no-repeat; padding-left:40px; padding-top:12px; height:41px; } #emailafriend a { text-decoration:underline; } #product-table { border:1px solid #cdc5b0; width:100%; border-collapse:collapse; border-spacing:0px; margin-top:15px; } #product-table td { border:1px solid #cdc5b0; padding:8px; vertical-align:top; } .related-product { border-right:1px solid #59533d; width:190px; margin-left:4px; } .attribute { margin-bottom:10px; } label.prompt { display:block; float:left; width:100px; } /* General items */ * a img { border:none; } h1, h2, h3, h4, h5, h6 {font-family:Georgia, 'Times New Roman', Times, serif;font-weight:900;} h2, h3, h4, h5, h6 {color:#59533d;margin: 0px;padding: 20px 0 5px 0;} h1	{color:#333333;font-size: 23px;margin: 0px;padding: 0 0 10px 0;} h2	{font-size: 20px;} h3	{font-size: 18px;} h4	{font-size: 16px;} h5	{font-size: 14px;} h1.subheading	{ font-size:18px; font-weight:900; margin:0px; padding:0px 0px 10px 0px; color:#333333; } h2.clearall	{ font-size: 16px; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #595f23; } h3.product	{ font-size: 13px; font-weight: 900; margin: 0px; padding: 0px 0px 6px 0px; color: #595f23; } h3.product_price	{ font-size: 12px; font-weight: 900; margin: 0px; padding: 0px 0px 8px 0px; } .teclan-heading2 { font-size:23px; font-weight:normal; color:#333333; padding:0px; margin:3px 0px 6px 0px; } .teclan-heading3 { font-weight:normal; font-size:18px; color:#333333; margin:0px 0px 10px 0px; padding:0px; } .recommended-heading { font-weight:normal; font-size:14px; color:#333333; margin:0px 0px 5px 0px; padding:0px; min-height:60px; height:auto !important; height:60px; } .section-heading { font-weight:normal; font-size:20px; color:#333333; margin:0px 0px 8px 0px; padding:0px; } .br-link { line-height:150%; padding-left:5px; } .separator { background:#59533d; height:1px; line-height:1px; margin-bottom:17px; overflow:hidden; } /*Form Items*/ label { display:block; float:left; /*min-width:60px; width:auto !important;*/ width:60px; margin-top:3px; } select.fixed { display:block; float:left; width:194px; } .form { width:400px; } fieldset { border:1px solid #59533d; padding:5px; font-family:verdana, sans-serif; margin-bottom:0.5em; line-height:1.5em; } fieldset legend { font-size:1.1em; font-weight:bold; border:2px solid #59533d; margin-bottom:5px; padding:3px; width:150px; } .form label { clear:both; width:150px; margin:2px 0px 6px 0px; } .form input.text, .form select { display:block; float:right; margin-bottom:4px; } .form select { width:146px;margin-top:0px;} /* Printing */ @media print { #header, #left, #bottom-nav, #footer, #buttons, #checkout-progress { display:none; } #center { width:100%; } } /* Checkout progress */ #checkout-progress { height:36px; background:url('checkout-progress.gif') no-repeat; position:relative; margin-bottom:12px; right:-2px; } #checkout-progress span { display:block; position:absolute; background:url('teacup.jpg') no-repeat; width:40px; height:45px; top:-10px; } p, table, td, th { line-height: 150%; } form { margin: 0px; } a:link { color: #829f53; text-decoration: underline; } a:visited { color: #829f53; text-decoration: underline; } a:hover { color: #333333; text-decoration: underline; } a:active { color: #829f53; text-decoration: underline; } a.checkout-checkoutbg { margin-right: 10px; padding-top: 3px; padding-bottom: 3px; padding-left: 8px; padding-right: 8px; border: #e3dfd5 2px solid; border-top: #e3dfd5 2px solid; border-right: #333333 1px solid; border-bottom: #333333 1px solid; } a.checkout-checkoutbg:link { color: #e3dfd5; text-decoration: none; } a.checkout-checkoutbg:visited { color: #e3dfd5; text-decoration: none; } a.checkout-checkoutbg:hover { color: #e3dfd5; text-decoration: underline; } a.checkout-checkoutbg:active { color: #e3dfd5; text-decoration: underline; } a.checkout-textcolor:link { color: #333333; text-decoration: none; } a.checkout-textcolor:visited { color: #333333; text-decoration: none; } a.checkout-textcolor:hover { color: #333333; text-decoration: underline; } a.checkout-textcolor:active { color: #333333; text-decoration: underline; } .actCHECKOUTEM { background-color: #59533d; } .actCHECKOUTBG { background-color: #e3dfd5; } .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: #cc0000; } .actrequiredcolor { color: #cc0000; } .actsearchhighlightcolor { color: #cc0000; } .actrequired { color: #cc0000; } .actwarning { font-size: 12px; color: #cc0000; } .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: #829f53; } .boxheading { font-weight: bold; text-transform: uppercase; color: #ffffff; } a.boxlink:link{ color: #ffffff; text-decoration:none; } a.boxlink:visited{ color: #ffffff; text-decoration:none; } a.boxlink:hover{ color: #ffffff; text-decoration:underline; } a.boxlink:active{ color: #ffffff; text-decoration:none; } div.CheckoutCartSection { margin-top: 0px; margin-bottom: 10px; } table.checkout#idTableCheckoutSection { margin-bottom: 0px; } table.checkout-cart { width: 568px; border-collapse: collapse; padding: 0px 0px; margin-bottom: 5px; } table.checkout-cart th{ font-weight: bold; background-color: #e3dfd5; border-top: solid 1px #59533d; border-bottom: solid 1px #59533d; padding: 4px 4px; } table.checkout-cart td{ padding: 4px 4px; } table.checkout { width: 568px; border-collapse: collapse; padding: 0px 0px; text-align: left; margin-bottom: 5px; } table.checkout th { background-color: #59533d; font-size: 13px; font-weight: bold; color: #e3dfd5; text-align: left; padding: 5px 2px; border-bottom: solid 3px #ffffff; } table.checkout th.instruction { font-size: 12px; font-weight: normal; } table.checkout th.change { font-size: 12px; font-weight: bold; padding: 0px 0px; text-align: right; } .checkout-change-button	{ line-height: 13px; height: 20px; width: 86px; margin: 0px 1px 0px 0px; padding: 0px 0px 0px 0px; font-size : 12px; background-color: #595f23; border: 1px solid #59533d; color: #ffffff; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; } table.checkout td { background-color: #e3dfd5; border-right: solid 1px #ffffff; border-bottom: solid 1px #ffffff; padding: 2px 2px; } table.checkout#idBothAddressesTable col { width: auto; } td#idCheckoutHelpLabel, table.checkout#idBothAddressesTable col.prompt { width: 130px; } .cart { background-color: #e3dfd5; border-bottom: solid 1px #59533d; } .checkout-cartheading { font-weight: bold; background-color: #e3dfd5; border-top: solid 1px #59533d; border-bottom: solid 1px #59533d; } .cartheading { background-color: #59533d; font-weight: bold; color: #e3dfd5; } h2.checkout-heading { background-color: #59533d; font-size: 13px; font-weight: bold; color: #e3dfd5; padding: 5px 2px; border-bottom: solid 3px #ffffff; width: 568px; } h3.checkout-heading { width: 568px;  padding: 3px 0; background-color: #59533d; font-size: 13px; font-weight: bold; color: #e3dfd5; border-bottom: solid 3px #ffffff; } .checkout-subheading { font-weight: bold; padding: 0; margin: 0; } img.cartthumbnail { border: 0px; margin-left: 2px; margin-right: 2px; width: 25px; } input.normal-button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; background: #595f23; padding: 5px; border: solid 1px #333333; } input.highlight-button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; background: #59533d; padding: 5px; border: solid 1px #333333; } .checkout-field-label { width: 160px; } .checkout-field-input { width: auto; } .checkout-field-input input, .checkout-field-input select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; background-color: #ffffff; padding: 2px; } .InvoiceField input, .InvoiceField select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; background-color: #ffffff; padding: 2px; } .DeliverField input, .DeliverField select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; background-color: #ffffff; padding: 2px; } table.checkout#idBothAddressesTable select { width: 211px; } input.checkbox { background-color: #e3dfd5; border: 0;	 } .checkout-field-area { background: #e3dfd5; border-bottom: solid 2px #ffffff; width: 568px; } .checkout-field-area p { margin: 0; padding: 4px; } div.checkout-buttons { width: 568px;  height: 50px;  margin-top: 20px; } .left {  float : left;  width : 50%;  } .right {  float : right;  width : 40%;  } .spacer {  clear : both;  } .checkout-help-hide {  display: none;  } /*IBox*/ #ibox_w{ position: absolute; top: 0px; left: 0px; z-index:20000; width: 100%; height: 100%; background-color: #59533d; } #ibox_progress {	 margin:0;padding:0; position: absolute; z-index:20005; } #ibox_wrapper { position: absolute; top: 0px; left: 0px; z-index:21000; padding:10px; border:1px solid #cdc5b0; width:150px; height:150px; background-color:#59533d; padding-bottom:30px; margin:0; } #ibox_content { background-color:#fff; height:100%; position:relative; top:0px; left:0px; border:1px solid #000; padding:10px 2px 2px 2px;	 } #ibox_footer_wrapper { position:relative; padding:0; margin:0; top:0px; left:0px; } #ibox_close { position:absolute; right:0px; top:0px; } #ibox_close a { color:#fff; } #success a { color:#333333; text-decoration:underline; } /* CSS used from Actinic's 'Executive' theme */ /* PRODUCT FORMATTING ELEMENTS AND LINE ELEMENTS --------------------------------------------------- */ .dotted_line_blue	{ height: 1px; background-color: #595f23; background-image:url('theme_dotted_line.gif'); clear:both; } .solid_line_light_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #595f23; clear:both; } .solid_line_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #59533d; clear:both; } .dotted_outline_blue	{ border: 1px dotted #595f23; padding: 8px; }		 .best_selling_items	{ padding: 10px; background-color: #ffffff; } .best_selling_items_spacing	{ padding: 0px 0px 8px 8px; } .product_image_cost	{ margin: 0px 12px 8px 0px; text-align: center; float: left; } .product_list	{ margin: 20px 0px 20px 0px; }	 /* PRODUCT FORMATTING ELEMENTS AND LINE ELEMENTS -------------------------------------------- */ /* IMAGE FORMATTING ELEMENTS ------------------------------------------------------------ */ .image_float_right	{ float: right; margin: 16px 0px 15px 20px; } .image_product	{ margin: 0px 18px 10px 0px; text-align: center; float: left; } /* END OF IMAGE FORMATTING ELEMENTS ----------------------------------------------------- */ /* TEXT FORMATTING ELEMENTS ------------------------------------------------------------- */ /* headings ----------------------------------------------------------------------------- */ /* FORM FORMATTING ELEMENTS ------------------------------------------------------------ */ /* buttons ----------------------------------------------------------------------------- */ .form_button	{ line-height: normal; width: 76px; margin: 0px; padding: 0px 0px 0px 12px; font-size : 12px; background-color: #595f23; border: 1px solid #59533d; color: #ffffff; word-spacing: normal; }	 .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: #595f23; border: 1px solid #59533d; color: #ffffff; background-image: url('theme_icon_search.gif'); word-spacing: normal; } .form_button_add_to_cart	{ line-height: 13px; height: 20px; width: 86px; margin: 0px 1px 0px 0px; padding: 1px 0px 1px 14px; font-size : 12px; background-color: #595f23; border: 1px solid #59533d; color: #ffffff; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; }	 /* end buttons ------------------------------------------------------------------------- */ .form_input_general	{ line-height: normal; font-size : 12px; word-spacing: normal; } .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: #e3dfd5; border: 1px solid #e3dfd5; color: #333333; vertical-align: top; } .form_main_search_box_td	{ background-color: #595f23 } /* End of inherited styles from Actinic's executive theme*/ /* Shreadsoft Styles */ #top-nav { text-align:left; background:#59533d; color:#ffffff; line-height:180%; margin-top:0px; margin-bottom:10px; padding-left:10px; width:849px; } #top-nav a { color:#ffffff; padding:0px 5px; } /* Start of styles new to v9 */ /* Styles for 'Best Seller List in Boxes' and 'New Products List in Boxes' used on the brochure home page */ .heading_marketing_box	{ border: 2px solid #59533d; width: 229px; margin: 0px 20px 14px 0px; } .heading_marketing_box p.text_product_small_info_heading	{ background-color: #59533d; border-bottom: 2px solid #59533d; color: #ffffff; font-weight: 900; font-size: 12px; background-image: url('theme_marketing_header.gif'); margin: 0px; padding: 4px 0px 0px 8px; height: 20px; } .heading_marketing_box	p{ padding: 8px; } .heading_marketing_box .product_image_cost	{ padding: 8px; } .formbox1 { padding: 0px; margin: 0px; border: 0px; background-image: url('theme-rounded-searchfield-left.gif'); padding-left: 10px; background-repeat: no-repeat; margin-bottom: 5px; } .formbox2 { padding: 0px; margin: 0px; border: 0px; height: 19px; background-image: url('theme-rounded-searchfield-right.gif'); background-position: right; background-repeat: no-repeat; padding-right: 10px; } .inputfield { padding: 0px; margin: 0px; margin-top: 1px; border: 0px; font-size: 12px; } /* Tea and Coffee Styles */ body{ margin:0px; padding:0px; background-color:#FFF; font-family:Georgia,'Times New Roman', Times, serif; color:#000; font-size:12px;} /* Header 2 - Start */ #header2{position:absolute; width:1003px; left:50%; margin-left:-510px; top:0px; height:240px; float:left; padding:0px 0px 0px 0px} #logoarea{margin:0px; padding:0px; float:left; width:650px} .strapline{margin-top:15px; margin-left:105px; padding:0px; color:#2779BD; font-size:16px} .newstrapline2{width:990px; color:#333333; font-size:13px; text-align:left; margin-bottom:5px; font-weight:bold; padding:5px;} #header2 h1{font-family:Arial,Helvetica,sans-serif; color:#2779BD; font-size:18px; text-align:right; margin: 5px 0 5px 0;} .phonenumber{padding:0px; float:right; margin-top:18px; margin-right:0px; margin-bottom:0px; margin-left:0px; text-align:right} a.topnav{padding-left:10px; padding-right:10px; font-size:14px; color:#000; border-right:#0061B1 solid 1px} /* Header 2 - End */ /* Underheader - Start */ #underheader{position:absolute; width:1003px; top:250px; left:50%; margin-left:-510px; background-color:#FFF} /* Underheader - End */ /* Sidenav - Start */ #sidebar{width:180px; float:left; min-height:600px; padding:0px; background-color:#FFF} #sidebar ul{padding:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px} #sidebar li{margin:0px; padding-top:5px; padding-right:0px; padding-bottom:5px; padding-left:5px; list-style-type:none; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#F0F0F0; width:160px} #sidebar form{margin-top:0px; padding-top:0px; margin-bottom:0px; padding-bottom:5px} /* Sidenav - End */ /* Inner - Start */ #inner{float:right; width:812px; vertical-align:top; border-left:0px; background-color:#FFF; min-height:600px; padding:0px 0px 5px; 5px} .shopping_cart_box{width:180px} .headerbar{background-color:#CA162E; font-size:14px; font-family:Arial,Helvetica,sans-serif; color:#FFF; font-weight:bold; margin-top:10px; margin-bottom:5px; padding:5px} /* Inner - End */ /* Footer - Start */ .logoline{margin-top:25px; padding-bottom:20px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#E0E0E0} #footer{padding-bottom:15px;background:#59533d;color:#ffffff;} .builtby{padding:0px; float:center; margin-top:10px; margin-bottom:10px;text-align:center;} /* Footer - End */ .headerbox{background:#59533d url('http://www.tea-and-coffee.com/acatalog/section-head.jpg') repeat-x left bottom;; font-size:14px; font-family:Georgia,'Times New Roman', Times, serif; color:#FFF; font-weight:bold; margin-bottom:10px; padding:5px} .clearing{margin:0px; padding:0px; clear:both; float:none; line-height:1px; height:1px; width:100%} .headerbar{background-color:#CA162E; font-size:14px; font-family:Georgia,'Times New Roman', Times, serif; color:#FFF; font-weight:bold; margin-top:10px; margin-bottom:5px; padding:5px} .footercolumn{float:left;width:230px;margin:10px;} #footer h3 {font-size:14px;margin-top:10px;padding-top:0px;color:#ffffff;} #footer a {color:#FFFFFF;} #footer a:hover {color: #829f53;} table.menu td {padding-right:7px;} table.menu a{border:1px solid #333; display:block; padding-right:0px; padding-bottom:0px; padding-left:0px; padding-top:9px} div.menu a{color:#fff; background:#cdc5b0; text-decoration:none; font-size:14px; text-transform:uppercase; text-align:center; line-height:16px; font-weight:bold; font-family:Georgia,'Times New Roman', Times, serif; padding:2px 10px} div.menu a:link{color:#59533d; background:#cdc5b0;} div.menu a:active{color:#59533d; background:#cdc5b0;} div.menu a:visited{color:#59533d; background:#cdc5b0;} div.menu a:hover{color:#59533d; background:#fff; border:1px solid #000} div.menu{float:left;}