/* Begin teclan CSS */ body { margin:0px; padding:0px; background:#ffffff url('body-bg.jpg') repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:12px; } h1 { color:#0798d9; font-size:20px; font-weight:normal; margin:0px; padding:0px 0px 8px 0px; } h2 { color:#046893; font-size:20px; font-weight:normal; margin:0px; padding:0px 0px 8px 0px; } p { padding: 0; margin: 0; padding-bottom: 0.5em; } a { text-decoration: none; } a:hover { text-decoration: underline; } #wrapper { width:850px; margin:0px auto; position: relative; } #header { height:143px; background:url('header.jpg') no-repeat bottom left; position:absolute; top: 0; left: 0; width: 850px; } #logo { float: left; width: 327px; height:79x;	 } #logo a { display:block; width:327px; height:79px; } #logo a:hover { text-decoration:none; } #cart { float: left; width: 250px; height: 71px; margin-top: 15px; margin-left: 40px; background: url('basket-bg.png'); } #cart-contents { width: 170px; height: 71px; padding-left: 80px; background: url('basket-image.png') left no-repeat; } #cart-values { color: #fff; font-size: 18px; padding: 8px 0 6px 0; } #cart-links a { color: #fff; font-weight: bold; } #contact { float: right; width: 155px; margin-top: 10px; background:url('contact.jpg') no-repeat; height:50px; color:#ffffff; padding-left:28px; } #contact a { display:block; margin-top:5px; color:#ffffff; } #search { float: right; clear: right; margin-right: 0px; display: inline; width: 155px; text-align: right; height: 19px; } #top-nav { padding-top: 23px; clear: both; padding-left: 10px; } #top-nav a { display:block; float:left; text-align:center; height:34px; line-height:34px; background:url('topnav-bg.gif') repeat-y right center; padding:0px 16px; color:#ffffff; } #top-nav a#last { background:none; } #content { background:url('content-bg.jpg') repeat-y; padding:13px 14px 0px 14px; } #left { width:190px; float:left; } #center { width:622px; float:right; text-align:left; } #footer { background:url('footer-bg.jpg') no-repeat; height:101px; text-align:right; padding:60px 14px 10px 14px; } #productlisting { height:41px; background:url('product-listing.jpg') no-repeat; position:relative; left:-5px; } #infolisting { height:41px; background:url('information.jpg') no-repeat; position:relative; left:-5px; } #productlisting b, #infolisting b { display:none; } .sectionlist { width:185px; margin-bottom:10px; } .sectionlist a:link, .sectionlist a:active, .sectionlist a:visited { display:block; padding:10px 0px 6px 16px; border-bottom:1px dashed #cccccc; color:#333333; } .teclan-title1 { color:#333333; font-size:20px; font-weight:normal; margin:0px; padding:0px 0px 8px 0px; } .teclan-title2 { color:#0798d9; font-size:20px; font-weight:normal; margin:0px; padding:0px 0px 8px 0px; } .purple-header { height:32px; background:url('purple-bg.jpg') no-repeat; color:#ffffff; width:619px; font-size:19px; line-height:30px; padding-left:7px; } .purple-header a:link, .purple-header a:visited, .purple-header a:active { color: #0798d9; text-decoration: none; } a.checkout-checkoutbg { margin-right: 10px; padding-top: 3px; padding-bottom: 3px; padding-left: 8px; padding-right: 8px; border: #ffffff 2px solid; border-top: #ffffff 2px solid; border-right: #333333 1px solid; border-bottom: #333333 1px solid; } .feature-sect { position:relative; padding:10px 0px; margin-bottom:10px; text-align:left; } p.satellite-price { padding: 15px 0; font-size: 20px; color: #046893; } #site-logos { padding-top:15px; clear:both; text-align:right; } #site-logos img { margin-right:15px; } #breadcrumbs { padding-bottom:10px; border-bottom:1px solid #cccccc; margin-bottom:10px; font-style: italic; } #breadcrumbs a { color:#333333; } #product-left { width:310px; float:left; text-align:left; } #product-right { width:300px; float:right; text-align:center; } #tabs { margin-top:20px; } * html #tabs { margin-top:20px; } #tabs a { display:block; float:left; margin-right:4px; background:url('grey-grad.jpg') repeat-x; padding:0px 5px; color:#333333; height:17px; line-height:17px; } #tabs a#selected { color:#ffffff; background-image:url('purp-grad.jpg'); } #tabs div { display:none; clear:left; border:1px solid #cccccc; height:97px; overflow:auto; padding: 3px 5px; } #tabs p { padding:10px; } /* Contact us page */ #pre_contact { float: right;  width: 210px; border: 1px solid #333; background-color: #ffffe1; margin-right: 4px; margin-top: 10px; } #pre_contact h4 { background: url('info.gif') no-repeat; padding-left: 23px; border-bottom: 1px solid #333; } #pre_contact a { color: #046893 !important; } #pre_contact p { padding: 4px 2px 4px 2px; } #contactus { padding-top: 10px; margin-left: 10px; } #contactus label { display: block; float: left; clear: left; width: 92px; margin: 0px 3px 8px 0px; } #contactus input, #contactus textarea { width: 324px; margin-bottom: 8px; } #contactus input.form_button { width: 130px; display: inline !important; margin-top: 20px } .channel_title { font-weight:bold; text-decoration:underline; } /*Print styles*/ @media print { body, #content { background-image:none; } #header, #footer { display:none; } } /*Inherited styles from Actinic*/ /* Generic text formatting used throughout the store ---------------------------- */ .actCHECKOUTEM { background-color: #046893; } .actCHECKOUTBG { background-color: #ffffff; } .actlarger { font-size: 13px; color: #333333; } .actsmaller{ font-size: 12px; color: #333333; } .actxxsmall { font-size: 12px; 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: #0798d9; } /* My Account pages  --------------------------------------------------------------*/ .myaccount-shadow { display: none; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-image: url('myaccount-popup-bg.png'); background-repeat: repeat; } .myaccount-popup { position: fixed; width: 500px; height: 250px; left: 50%; top: 50%; margin-left: -250px; margin-top: -125px; padding-left: 85px; padding-top: 50px; background-color: #ffffff; } /* Formatting for 'Add To Cart Button With Cart Icon' ----------------------------------------------*/ .form_button_add_to_cart	{ border: 0; margin: 0; padding: 0; background: url('addtobasket.jpg'); width: 154px; height: 32px; }	 .block { display:block; } .none { display:none; } #shopping-cart-summary { display:block; } .checkout-step { background:#046893; color:#ffffff; padding:3px; } .checkout-block { padding-bottom:10px; } #progress { padding:10px 0px; visibility:hidden; text-align:center; } #ActCartError { width:500px; margin:0px auto; border:1px solid #333333; } /* Shopping cart and checkout fields ------------------------------------------- */ div.CheckoutCartSection { margin-top: 0px; margin-bottom: 10px; } table.checkout#idTableCheckoutSection { margin-bottom: 0px; } table.checkout-cart { width: 622px; border-collapse: collapse; padding: 0px 0px; margin-bottom: 5px; } table.checkout-cart th{ font-weight: bold; background-color: #046893; border-top: solid 1px #046893; border-bottom: solid 1px #046893; padding: 4px 4px; color: white; } table.checkout-cart td{ padding: 4px 4px; } table.checkout { width: 622px; border-collapse: collapse; padding: 0px 0px; text-align: left; margin-bottom: 5px; } table.checkout th { background-color: #046893; font-size: 13px; font-weight: bold; color: #ffffff; text-align: left; padding: 3px; 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	{ background: #0798d9; font: 12px "Trebuchet MS", Verdana; color: #fff; font-weight: bold; padding: 1px; margin: 1px; border: solid 1px #333; } .checkout-login-button	{ line-height: 13px; height: 15px; width: 70px; margin: 20px 0px 20px 0px; padding: 3px 20px 2px 0px; font-size : 12px; background-color: #0798d9; border: 1px solid #046893; color: #ffffff; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; } .checkout-login-button a { padding-left: 20px; color: #ffffff; text-decoration: none; } table.checkout td { background-color: #ffffff; 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: #ffffff; border-bottom: solid 1px #046893; } .checkout-cartheading { font-weight: bold; background-color: #ffffff; border-top: solid 1px #046893; border-bottom: solid 1px #046893; } .cartheading { background-color: #046893; font-weight: bold; color: #ffffff; } h3.checkout-heading { width: 622px;  padding: 3px 0; background-color: #046893; font-size: 13px; font-weight: bold; color: #ffffff; 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; } .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: #ffffff; border: 0;	 } .checkout-field-area { background: #ffffff; border-bottom: solid 2px #ffffff; width: 622px; } .checkout-field-area p { margin: 0; padding: 4px; } div.checkout-buttons { width: 622px;  height: 50px;  margin-top: 20px; } .left {  float : left;  width : 50%;  } .right {  float : right;  width : 40%;  } .spacer {  clear : both;  } .checkout-help-hide {  display: none;  } .normal-button { background: #046893; font: 12px "Trebuchet MS", Verdana; color: #fff; font-weight: bold; padding: 3px; border: solid 1px #333; } .highlight-button { background: #0798d9; font: 12px "Trebuchet MS", Verdana; color: #fff; font-weight: bold; padding: 3px; border: solid 1px #333; } h2.checkout-heading { height:32px; background:url('purple-bg.jpg') no-repeat; color:#ffffff; width:619px; font-size: 15px; font-weight: normal; line-height:30px; padding: 0; padding-left:7px; margin: 20px 0 10px 0; } h2.checkout-heading a { color: white; } p.terms-header { font-weight: bold; font-size: 14px; padding-top: 1em; } p.required-fields { padding: 4px; margin: 10px 0; border: solid 1px #000; border-width: 1px 0; } table.component-list { border: solid 1px #eee; border-width: 1px 1px 0 1px; } table.component-list td { border: solid 1px #ccc; border-width: 0 0 1px 0; } /* Recently Viewed Products List Style ------------------------------------ */ #rphtml { display: none;  visibility:hidden; } /* Used internally - do not delete */ #recenthtlist { text-align:left; } #recenthtitem { border-spacing: 0px; border-collapse: collapse; } #recenthtitem td { width: 170px; padding: 4px; } .recenthtitemimage { } .recenthtitemdesc	{} .recenthtitemprice	{} .recenthtitemdelete { } .recenthtitemspacer { width:2px !important;  border:0 !important; padding: 0px !important; } .recenththeader { clear: both; height:32px; background:url('purple-bg.jpg') no-repeat; color:#ffffff; width:619px; font-size: 15px; font-weight: normal; line-height:30px; padding: 0; padding-left:7px; margin: 20px 0 10px 0; } .recenthtbuttonleft { float: right; cursor: pointer; width: 100px; border: 0; background-color: #72848f; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; } .recenthtbuttonright { float: right; cursor: pointer; width: 100px; border: 0; background-color: #72848f; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; } /* 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: 12px; 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: #0798d9; font-weight: 900; font-size: 12px; } .text_product_small_info_price	{ margin: 0px; padding: 8px 0px 0px 0px; line-height:normal; font-weight: 900; font-size: 12px; } .best_selling_items	{ padding: 10px; background-color: #ffffff; } .best_selling_items_spacing	{ padding: 0px 0px 8px 8px; } .dotted_outline_blue	{ border: 1px dotted #0798d9; padding: 8px; }		 /*------------------------- home page ----------------------- */ #home-left { width: 401px; float: left; } #home-image  { width: 401px; height: 241px; background: url('satellite-home-image.jpg'); margin-bottom: 10px; } .home-image-left { width: 193px; height: 80px; background: url('home-link-off.png'); float: left; margin: 156px 5px 5px 5px; } .home-image-left a { display: block; width: 193px; height: 80px; color: white; text-decoration: none; } .home-image-left a:hover { background: url('home-link-on.png'); color: white; text-decoration: none; } .home-image-left a h2 { font-size: 22px; padding: 7px 10px; margin: 0; color: #e9dcf3; font-weight: bold; } .home-image-left a p { padding: 0 10px; margin: 0; } .home-image-left a p strong { color: #e9dcf3; } .home-image-right { width: 193px; height: 80px; background: url('home-link-off.png'); float: left; margin: 156px 0px 5px 0px; } .home-image-right a { display: block; width: 193px; height: 80px; color: white; text-decoration: none; } .home-image-right a:hover { background: url('home-link-on.png'); color: white; text-decoration: none; } .home-image-right a h2 { font-size: 22px; padding: 7px 10px; margin: 0; color: #c5ebfb; font-weight: bold; } .home-image-right a p { padding: 0 10px; margin: 0; } .home-image-right a p strong { color: #c5ebfb; } .blue-heading { height: 26px; background: url('blue-heading-bg.jpg'); } .blue-heading-right { background: url('blue-heading-right.jpg') right no-repeat; } .blue-heading-right h2 { font-weight: normal; text-transform: uppercase; line-height: 26px; font-size: 13px; margin: 0; padding: 0 10px; background: url('blue-heading-left.jpg') no-repeat; color: white; } #home-featured-products { background: url('grey-gradient-bg.jpg') repeat-x; } .featured-product { border: solid 1px #d0d0d0; border-top: 0; } .featured-product-text { float: left;  width: 250px; padding: 15px; } .featured-product-text p { margin: 0; padding-bottom: 1em; } .featured-product-image { float: right;  width: 100px; padding: 15px 15px 15px 0; } #home-right { width: 206px; float: right; margin-right: 3px; display: inline; } .purple-heading { height: 26px; background: url('purple-heading-bg.jpg'); } .purple-heading-right { background: url('purple-heading-right.jpg') right no-repeat; } .purple-heading-right h2 { font-weight: normal; text-transform: uppercase; line-height: 26px; font-size: 13px; margin: 0; padding: 0 10px; background: url('purple-heading-left.jpg') no-repeat; color: white; } #why-buy { background: url('grey-gradient-bg.jpg') repeat-x; border: solid 1px #d0d0d0; border-top: 0; } #why-buy ul { padding: 10px 15px; margin: 0; list-style: none; } #why-buy ul li { padding-left: 35px; line-height: 30px; background: url('purple-tick.gif') left no-repeat; } #help-box { background: url('grey-gradient-bg.jpg') repeat-x; } #help-box a { display: block; border: solid 1px #d0d0d0; border-top: 0; padding: 15px 15px 15px 70px; margin: 0; color: #000; text-decoration: none; } #help-box a strong { color: #7c41a8; font-weight: bold; } #query-stock-email { clear: both; border: solid 1px #ddd; padding: 10px; } /* ----- comparison list ----- */ .product-wrapper { position: relative; } .comparison-position { position: absolute; bottom: 0px; right: 5px; } .comparison-heading { padding: 5px; border: solid 1px #ccc; border-bottom: 0; width: 330px; color: #333; font-weight: bold; padding-bottom: 3px; background: #efefef; } .comparison-padding { padding: 5px; border: solid 1px #ccc; border-top: 0; width: 330px; } .comparison-list { line-height: 18px; font-size: 11px; padding-left: 20px; } .comparison-yes { background: url('freesat-yes.gif') top left no-repeat; color: #050; } .comparison-no { background: url('freesat-no.gif') top left no-repeat; color: #999; }