/* v 1.2 May 11 2006 */ /*********************** 2 column product listing compclass : cs-adbproducts ------------ CS 3.1 ***********************/ .cs-adbproducts {} .cs-adbproducts-content{ padding:0.625em; } .cs-adbproducts h3 {} .cs-adbproducts-body { } .cs-adbproducts-body p { font-size:0.6875em; margin:1em 0 0 0; } .cs-adbproducts-links-container { margin-top:1em; width:100%; } .cs-adbproducts-links-container .column-left { width:30%; float:left; } .cs-adbproducts-links-container .column-centre { width:36%; float:left; } .cs-adbproducts-links-container .column-right { width:30%; float:left; } .cs-adbproducts-links-container .column-footer { clear:both; height:1px; overflow:hidden;} .cs-adbproducts-links-container ul { margin:0; padding:0; } .cs-adbproducts-links-container li { list-style-type:none; padding:0; } /*********************** 3 column billing demo compclass : cs-billingdemo ------------ CS 3.6 ***********************/ .cs-billingdemo{} .cs-billingdemo-content { padding:0.625em 0 0.625em 0.625em; } .cs-billingdemo-content .column-left {width:48%; float:left; } .cs-billingdemo-content .column-right {width:48%; float:left; } .cs-billingdemo-content .column-footer { clear:both; height:1px; overflow:hidden;} .cs-billingdemo-content h3 { font-size: 1.5em;font-weight:600;} .cs-billingdemo-content h3 strong{ color: #a5d414; } .cs-billingdemo-content .cs-billingdemo-description { padding:0 2em 0 2em; margin-top:4.5em;} .cs-billingdemo-content .cs-billingdemo-description h4{ font-size: .875em; font-weight: bold; color: #2d076e; text-transform: uppercase; font-family:arial,helvetica; } .cs-billingdemo-content .cs-billingdemo-description p { font-size:0.6875em; margin-top:1em;} .cs-billingdemo #limepup{width:21.75em; height:30.875em; } /*********************** 2 column expanding FAQ compclass : cs-faq-container ------------ CS 3.2, 3.2.1, 3.2.1.1, 3.3, 3.3.1, FaqMaster ***********************/ .cs-faq-container{} .cs-faq-container .cs-faq-container-content{ padding:0.625em 1px; } .cs-faq-container .cs-faq-title-container { padding: 0 0 0.625em 0.625em; } .cs-faq-container .cs-faq-viewall { text-align:right; font-size:0.625em; padding-right:1em; } .cs-faq-container .cs-faq-viewall a:link, .cs-faq-container .cs-faq-viewall a:visited { color:#000000; } .cs-faq-container h3 {} .cs-faq-container .cs-faq-list-container{ } .cs-faq-container ul { margin:0; clear:both; padding:0; } .cs-faq-container .cs-faq-list-level-1 { padding:0; } .cs-faq-container .cs-faq-list-level-2 { padding:0 0 .625em 0; } .cs-faq-container li { list-style-type:none; margin:0; padding:0; } .cs-faq-container div.listline{ } .cs-faq-container div.listline-question img { width:0.5em; height:0.5em; margin-right:0.4375em; } .cs-faq-container div.listline-question a { font-size:0.6875em; } .cs-faq-container div.listline-question span { font-size:0.6875em; } .cs-faq-container div.listline-question { margin:0 4.5em 0 1.5em; text-indent:-0.875em; line-height:1em; } .cs-faq-container .cs-faq-list-level-2 div.listline { padding:0.0625em 0 0.1875em 0; } .cs-faq-container .cs-faq-list-level-2 li.list-2 div.listline{ background-color:#edf8fc; } .cs-faq-container .cs-faq-list-level-2 li.list-1 div.listline{ background-color:#d9f0f8; } .cs-faq-container div.listline a { text-decoration:none; } .cs-faq-container div.listline a:link { color:#000000; } .cs-faq-container div.listline a:visited { color:#000000; } .cs-faq-container .listline-close{clear:both; background-color:transparent; float:right; text-align:right;margin-top: -1em; padding-right:.625em; } .cs-faq-container .cs-faq-list-level-2 .listline-close { margin-top: -0.9375em; } .cs-faq-container .listline-close span{ font-size:0.6875em; } .cs-faq-container .listline-close span a:link { color:#000000; } .cs-faq-container .listline-close span a:visited { color:#000000; } .cs-faq-container .listline-close{ display:none; } .cs-faq-container li.expanded .listline-close{ display:block; } .cs-faq-container li.expanded li .listline-close{ display:none; } .cs-faq-container li li.expanded .listline-close{ display:block; } .cs-faq-container div.linkcolumns-container { clear:both; } .cs-faq-container div.linkcolumns-container ul { margin:0; padding:0; } .cs-faq-container div.linkcolumns-container li { margin:0; padding:0; float:left; margin-right: 1em; list-style-type:none; } .cs-faq-container div.linkcolumns-container-footer { height:1px;clear:both;overflow:hidden; } .cs-faq-container div.next-level { margin:0; padding:0.3125em 0 0 0; display:none; clear:both; } .cs-faq-container .cs-faq-list-level-2 div.next-level { padding:.625em .625em .625em 1.5em; } .cs-faq-container li.expanded div.next-level{ display:block; } .cs-faq-container li.expanded li div.next-level{ display:none; } .cs-faq-container li li.expanded div.next-level{ display:block; } .cs-faq-container div.next-level p { margin:0 0 .909em 0; padding:0; font-size:0.6875em; } .cs-faq-container div.next-level p.yesno { padding:.625em 0 0 0; margin:0; font-weight:bold; font-size:1em; } .cs-faq-container div.next-level p.yesno img{ margin-left: 1.5em; width:0.5em; height:0.5em; margin-right:0.625em; } .cs-faq-container div.next-level p.yesno span { font-size:0.6875em; } .cs-faq-container div.next-level p.yesno a { font-size:0.6875em; font-weight:normal; } .cs-faq-container div.next-level p.yesno a:link { color:#000000; } .cs-faq-container div.next-level p.yesno a:visited { color:#000000; } #cs-faq-bottom{ clear:both;height:1px;overflow:hidden; } /*********************** 2/3 column comparison chart compclass : comparison-chart ------------ SHOP 2.0, 2.1, 2.2, 9.0 ***********************/ .comparison-chart { } .comparison-chart-content { color:#000000; padding-bottom:0.875em; } .comparison-chart table{ font-size:1em; width:100%; } .comparison-chart tr { height:1.5em; } .comparison-chart th { background:#ebebeb; font-size:.75em; text-align:center; font-family:arial,helvetica; } .comparison-chart td { background:#f1f1f1; text-align:center; padding:.125em; } .comparison-chart td img { width:0.8125em; height:0.625em; } .comparison-chart th.firstcol { padding-left:.9375em; text-align:left;} .comparison-chart td.firstcol { padding-left:.9375em; text-align:left; font-size:.6875em; border-left-width:0px; } .comparison-chart h3 {padding:.625em .75em .625em .75em; } .comparison-chart table.alltext td{ font-size:.6875em; } /*********************** 2 column High-definition channel list compclass : high-definition-channels ------------ SHOP 2.0, 2.2 ***********************/ .high-definition-channels {} .high-definition-channels-content {padding:0.625em; } .high-definition-channels h3 {} .high-definition-channels-list ul {margin:0; padding:0; list-style:none; width:99%; height:4.2em;} .high-definition-channels-list li {float:left; width:33%;} .high-definition-channels-list a {font-size:.625em; color:#000; line-height:2em; } .high-definition-channels-contextual-link {margin:.3125em 0 0 0;} /*********************** 1 column build your adb package compclass : build-your-adb-package ------------ SHOP 2.0, 2.2, 9, 11, 12, 21, 22 ***********************/ .build-your-adb-package{} .build-your-adb-package-content { padding:.5em .625em .5em .625em; color:#4d4d4d; } .build-your-adb-package h3 { } .build-your-adb-package-content p.call {font-size:0.75em; font-weight:bold; color:#4d4d4d;} .build-your-adb-package-content p strong { font-weight:900; color:#000000;} /*********************** 2 column channel list with popup and compare mixes compclass : mix-list ------------ SHOP 3, 3.1, 3.2 ***********************/ .mix-list{} .mix-list-content {clear:both; padding:.625em 0;} .mix-list h3 {margin-left:.625em; } .mix-list-content a {font-size:.625em; color:#000; color:#000; line-height:2em;} .mix-list-list {margin:.375em 0 0 .625em;} .mix-list-list ul {margin:0; padding:0; width:99%;} .mix-list-list li {float:left; width:33%;margin:0; padding:0; list-style-type:none; } .mix-list-popup-container {clear:both; padding-top:1em; } .mix-list-popup {clear:both; padding:1px;} .mix-list-popup-head { height:1.75em; line-height:1.75em; background-color:#d8dcdf; } .mix-list-popup-head-title { float:left; width:90%; padding:0 0 0 .75em; } .mix-list-popup-head-title h4{font-weight:bold; font-size:.75em; text-transform:uppercase; } .mix-list-popup-head-btn { float:right; padding:.375em .5em 0 0;} .mix-list-popup-head-btn a { font-size:1em; } .mix-list-popup-head-btn img { width:1em; height:0.875em; } .mix-list-popup-image-text {clear:both; background-color:#f7f7f7; font-size:.6875em; height:5.7em; } .mix-list-popup-image-text img {float:left; margin-right:1.38em; height:5.7em; width:12.75em;} .mix-list-popup-image-text p {margin:0; padding:.9375em;} .mix-list-link {clear:both; margin:.625em 0 0 .625em;} .mix-list-note { font-size:.625em; color:#000; padding:0 1em 0 1em; margin:1em 0 0 1.25em; text-indent:-1.25em; } .mix-list h4.message { margin-left:1em; font-size: .75em; height: 4em; line-height: 4em; color:#0131a0; } /*********************** 2 column extra channel list compclass : extra-channels ------------ SHOP 12 ***********************/ .extra-channels {} .extra-channels-content { padding:0.625em; color:#000;} .extra-channels-body {font-size:.7em; padding-top:.4375em;} .extra-channels h3 {} .extra-channels-continue-building-top {clear:both;text-align:right; padding:.9375em 0 .9375em 0;} .extra-channels-continue-building-bottom{clear:both;text-align:right; padding:.9375em 0 0 0;} .extra-channels-list {clear:both; width:100%;} .extra-channels-list ul {margin:0; padding:0; } .extra-channels-list li {float:left; width:32%; padding:0; margin:0; font-size:.625em;list-style-type:none;} /*********************** 2 column package total itemisation compclass : package-total ------------ SHOP 4, 16, 16.1, 16.2 ***********************/ .package-total { } .package-total-singleupgrade { background-color:#fff7fa; } .package-total-content { padding:1px 1px 16px 1px; }/*keep in pixels*/ .package-total table { border-width:0;} .package-total table td { border-width:0; } .package-total h3 { background-color: #d8dcdf; line-height: 2.4286em; height:2.4286em; padding:0 0 0 .5em; } .package-total h3 img { width:2.3571em; height: 2.0714em; margin-top:.1765em; margin-right:1em; float:right; } .package-total h3 span { } .package-total h4{ color:#4d4d4d; font-size:.75em; font-family: arial,helvetica; } .package-total-itemisation-container{ background-color:#ffffff; } .package-total-itemisation { padding:.625em; } .package-total-itemisation h4 { } .package-total-itemisation h5 { font-size:0.6875em; font-weight:bold; margin:.5em 0 0 0; padding:0; } .package-total-itemisation h5.subhead { margin-top:1em; } .package-total-itemisation ul { margin:0; padding:0; } .package-total-itemisation ul li { margin:0; padding:0; list-style-type:none; } .package-total-itemisation ul li ol { margin:.25em 0 0 0; padding:0; width:75%; } .package-total-itemisation ul li ol li { list-style-type:none;margin:0; padding:0; font-size:0.6875em; display:inline; white-space:nowrap; } .package-total-itemisation p.edit { margin: .1875em 0 0 .9375em; text-indent:-.9375em; } .package-total-itemisation p.edit a { text-decoration: none; } .package-total-itemisation p.edit a:link { color: #f30167; } .package-total-itemisation p.edit a:visited { color: #f30167; } .package-total-itemisation p.edit a span { font-size: .5625em; } .package-total-itemisation p.edit a img { width:0.5em; height:0.5em; margin-right:0.5em; } .package-total-itemisation table .item p.edit { font-size:1.4545em;font-weight:normal; margin-bottom:.5em;} .package-total-itemisation table { table-layout:fixed; width:80%; margin:.375em 0 0 0;} .package-total-itemisation table thead { display:none; } .package-total-itemisation table td{ vertical-align:top; padding:.5em 0; } .package-total-itemisation table.subscriptions td{padding:0;} .package-total-itemisation table .item { vertical-align:top; width:75%; font-size:0.6875em; font-weight:bold; padding:0; } .package-total-itemisation table .item .notes { font-weight:normal; font-size:0.9090em;} .package-total-itemisation table .cost { vertical-align:top; width:25%; font-size:0.6875em; font-weight:bold; text-align:right; } .package-total .package-total-itemisation .main-divider div{ margin:0; } .package-total-totals{ border:#cccccc solid; border-width: 1px 0; background-color:#fff7fa; padding:.5em 0 .5em .625em; } .package-total-totals table { margin:0; font-size:1em; width:28.625em; } .package-total-totals table thead { display:none; } .package-total-totals table .item { width:75%; font-size:0.6875em; font-weight:bold; padding:0; } .package-total-totals table .item .notes { font-weight:normal; } .package-total-totals table .cost { width:25%; font-size:.9375em; font-weight:bold; text-align:right; color:#f60065; } .package-total-order { clear:both; background-color:#ccc; height:1.75em; line-height:1.75em; text-transform:uppercase; padding-left:0.625em; } .package-total-order .phone { font-size:0.6875em; font-family: arial narrow, helvetica narrow; font-weight:bold; } .package-total-order strong { font-weight:bold; font-size:1.25em;} .package-total-order-by-phone {float:left; font-size:.625em; padding:.4em 0 0 .5em;} .package-total-order button {font-size:.875em;float:right; height:2em; margin:0; padding:0 0 0 .3571em;line-height:2em;cursor:pointer; cursor:hand;font-family: arial,helvetica; width:50%; border-width:0px; background-color:#f30167;font-weight:bold;color:#ffffff;} .package-total-order button span.text { font-size:1em; } .package-total-order button img { width:0.7857em; height:0.6429em; margin-right:0.3125em; vertical-align:middle;} .package-total-secure {clear:both; text-align:right; padding:0.625em 0.625em 0 0.625em; background-color:#ffffff; } .package-total-secure input { font-size:1em; width:17.125em; height:1.375em;} .package-total .main-divider hr { display:none; } .package-total .main-divider { clear:both; background-color:#ffffff; overflow:hidden; padding:.75em 0; } .package-total .main-divider div{height:1px; background-color:#cccccc; overflow:hidden; margin:0 0.625em; } .package-total-quote { padding:0 0.625em; background-color:#ffffff; } .package-total-quote h4 { height:1.5em;} .package-total-quote p { font-size:0.6875em; margin:0;} .package-total-quote .global-form-inputline-required { text-align:right!important; } .package-total-quote .global-form-inputline-input { float:right!important; text-align:right!important; } .package-total-quote .submit-line { clear:both; padding-top:.5em; height:1.5em;} .package-total-quote .submit-line .column-left { float:left; width:60%; font-size:.6875em; padding-top:.75em;} .package-total-quote .submit-line .column-left small { font-size:.909em; } .package-total-quote .submit-line .column-right { float:right; width:37%; text-align:right; } .package-total-quote .submit-line .column-right button { vertical-align:top; width:10em; text-align:right;cursor:pointer; cursor:hand; background-color:transparent; border-width:0; font-size:1em; padding-right:0; margin-right:0;} .package-total .upgrade-notice { background-color:#fff7fa; margin-top:.75em; } .package-total .upgrade-notice .submit-line { padding-top:0; } .package-total .final-divider hr { display:none; } .package-total .final-divider { clear:both; background-color:#ffffff; overflow:hidden; padding-top:.75em;} .package-total .final-divider div{ height:1px;background-color:#cccccc; overflow:hidden; margin:0; } /*********************** 1 column shopping basket compclass : basket ------------ SHOP 1, 1.1, 2.1, 2.2, 3, 3.1, 3.2, 3.3, 4, 6, 6.1, 7, 8, 12, 13, 14, 15, 16, 16.1, 16.2, 21, 25, basket-states-new-customer ***********************/ .basket {} .basket-content {border: 1px solid #cccccc; } .basket-content form{ margin:0; padding:0; } .basket-content h3 {background-color: #d8dcdf; padding: .5em; margin: 0;} .qqbasket-content h3.basket-head { background-color: #d8dcdf; line-height: 2.4286em; height:2.4286em; padding:0 0 0 .5em; margin:0 0 .4em 0; } .basket-content h3.basket-head { background-color: #d8dcdf; line-height: 2.4286em; height:2.4286em; padding:0 0 0 .5em; margin:0 0 0 0; } .basket-content h3.basket-head img { width:2.3571em; height: 2.0714em; margin-top:.1765em; margin-right:1em; float:right; } .basket-content h3.basket-head span { } .basket-content h4.start { text-transform:uppercase; background: #ffffff; font-size: .875em; padding:.5714em .4285em; color:#000000; } .basket-content div.basket-section { padding: .375em; clear:both; } .basket-content div#basket-total-section { background-color:#fff7fa; } .basket-content div#basket-total-section table { table-layout:fixed; border-width:0; font-size:1em;width:13.5em; margin:0; } .basket-content div#basket-total-section table thead { display:none; } .basket-content div#basket-total-section table th, .basket-content div#basket-total-section table td { text-align:left; padding: .2em .1em .2em 0em; vertical-align:top; } .basket-content div#basket-total-section table th span, .basket-content div#basket-total-section table td span { font-size: .5625em; } .basket-content div#basket-total-section table th.cost { text-align:right; padding: .2em .5em .2em .1em; } .basket-content div#basket-total-section table td.cost { text-align:right; font-weight: bold; color: #F30167; padding: .2em 0 .2em .1em;} .basket-content div#basket-total-section table td.cost span { font-size: .75em; } .basket-content div#basket-total-section table colgroup.cost col.cost{ width:35%; } .basket-content div#basket-total-section table colgroup.item col.item{ width:65%; } .basket-content div#basket-update-section { padding-left: 0;} .basket-content h4.total {color:#000000; background-color: #d8dcdf;padding: .3em .5em .3em .5em; font-size: .875em; margin:00; font-family:arial,helvetica;} .basket-content .main-divider hr { display:none; } .basket-content .main-divider { clear:both; height:1px; background-color:#cccccc; overflow:hidden; margin:0; } .basket-content div.bottom-container { background-color: #f30167; clear:both; } .basket-content div.bottom-container h5 { margin:0; padding:.2941em 0 .2353em .5882em;text-transform:uppercase;color:#ffffff; background-color: #f30167; font-size: .875em; font-family: arial,helvetica; } .basket-content div.bottom-container h5 a { text-decoration: none; text-transform:uppercase; } .basket-content div.bottom-container h5 a:link { color: #ffffff; } .basket-content div.bottom-container h5 a:visited { color: #ffffff; } .basket-content div.bottom-container h5.next img { width:0.7857em; height:0.6429em; margin-right:0.3125em; vertical-align:middle; } .basket-content div.bottom-container h5.error img { width:1.7143em; height:1.7143em; margin-right:0.3125em; vertical-align:middle; } .basket-content div.bottom-container button { width:15em; padding:0; margin:0 0 0 .5882em; height:2.0625em; display:inline; background:transparent; border-width:0px; text-align:left; font-size:.875em; color: #ffffff;font-weight:bold; cursor:pointer; cursor:hand; font-family:arial,helvetica; text-transform:uppercase;} .basket-content div.bottom-container button img { width:0.7857em; height:0.6429em; margin-right:0.3125em; vertical-align:middle; } .basket-content h4 { padding:0; font-size: .75em; font-family: arial,helvetica; margin: 0;color: #8C8C8C;} .basket-content .current h4 { color:#000000; } .basket-content .basket-items ul {margin: 0; padding: .4em 0 0 0; list-style-type: none; font-size: .6875em; font-family: verdana, arial, sans-serif; line-height: 1.4em;} .basket-content .basket-items ul li {margin: 0; padding: 0} .basket-content .basket-items ul li h5{ font-size:1em;} .basket-content .basket-items input {vertical-align:middle; margin-right: 5px; } .basket-content .basket-items label {vertical-align:middle;} .basket-content p {margin: 0; padding: 0 .6em 0 .6em; font-size: .6875em; font-family: verdana, arial, sans-serif; } .basket-content .basket-message {} .basket-content .basket-message p { margin:.8em 0 0 1.6em; text-indent:-1.6em; padding:0; color: #f30167; font-family: verdana, arial, sans-serif; font-size: .625em; } .basket-content .basket-message p a { text-decoration: none; } .basket-content .basket-message p a:link { color: #f30167; } .basket-content .basket-message p a:visited { color: #f30167; } .basket-content .basket-message p img { width:0.8em; height:0.8em; margin-right:0.8em; } .basket-content #basket-total-section .basket-message p { margin-top:0; } .basket-scroll { position:absolute; } /*********************** 2 column mixes lists compclass : compare-available-mixes ------------ SHOP 21 ***********************/ .compare-available-mixes{} .compare-available-mixes-content {padding:0.625em; } .compare-available-mixes-body {font-size:.6875em; margin:.4375em 0 0 0;} .compare-available-mixes h3 {} .compare-available-mixes .mix-type h4 {font-size:.6875em; font-weight:bold; } .compare-available-mixes .mix-type { clear:both; margin:0; padding-top:.75em; width:100%; } .compare-available-mixes .mix-type ul {padding:0; margin:.5em 0 0 0;} .compare-available-mixes .mix-type li {float:left; width:33%; padding:0; margin:0;list-style-type:none;font-size:.625em;} .compare-available-mixes-clear-spacer { clear:both; height:1px; overflow:hidden; } /*********************** 2 column promo ( eg. free adb box ) compclass : shop-adbbox-callout ------------ SHOP 2, 2.1, 3, 3.3, 9, 11, 24 ***********************/ .shop-adbbox-callout {} .shop-adbbox-callout .shop-adbbox-callout-content { padding:1px; height:3em; } .shop-adbbox-callout .column-left { width: 12.5em; float:left; height:3em; overflow:hidden; background-color:#334012; } .shop-adbbox-callout .column-left h3{ color:#a5d511; padding:.5em 0 0 .5em; line-height:1.25em} .shop-adbbox-callout .column-left h3 strong { color:#ffffff; } .shop-adbbox-callout .column-left div{padding:.125em 0 0 .5em;} .shop-adbbox-callout .column-left div p span { color:#ffffff; } .shop-adbbox-callout .column-right { padding:.5em .5em 0 .25em; float:right; } .shop-adbbox-callout .column-right h4 { font-size: 0.75em; text-transform:uppercase; font-weight:bold; font-family:arial,helvetica; height:1.5em;} .shop-adbbox-callout .column-right-fullwidthimage { float:right; } .shop-adbbox-callout .column-right-fullwidthimage img { width:16em; height:2.8125em; } .shop-adbbox-callout .column-right-left { float:left; width:7.5em; } .shop-adbbox-callout .column-right-right { float:left;} /*********************** 1 column shop products compclass : shop-product ------------ SHOP 10, 15, 23 ***********************/ .shop-product {} .shop-product .shop-product-topimagediv { padding:1px 0 0px 1px; } .shop-product .shop-product-topimagediv img { width:14.25em; height:6.875em; } .shop-product .shop-product-content { padding: .25em .375em .625em .625em; } .shop-product .shop-product-content h3 {} .shop-product .shop-product-content p { font-size: 0.625em; margin:.6em 0 0 0; } .shop-product .shop-product-content p a { } .shop-product .shop-product-content p a:link { color:#000000; } .shop-product .shop-product-content p a:visited { color:#000000; } .shop-product .shop-product-content h4 { font-size: 0.625em; margin:0; } .shop-product .shop-product-content ul.shop-product-bulletpoints { margin:.2em 0 0 0; padding:0; line-height: 1.3em; font-size: 0.625em;} .shop-product .shop-product-content ul.shop-product-bulletpoints li { list-style-type:none; clear:both; text-indent: -1em; margin:0 0 0 1em; } .shop-product .shop-product-content .shop-product-links { clear:both; margin-top:.375em; line-height: 1.125em;} .shop-product .shop-product-content .shop-product-links p{margin-top:0;margin-bottom:0;} .shop-product .shop-product-content .shop-product-links a{text-decoration:none;} .shop-product .shop-product-content .shop-product-links ul { margin:0; padding:0; } .shop-product .shop-product-content .shop-product-links ul li {margin:0; padding:0; list-style-type:none; } /* .shop-product .shop-product-content .shop-product-links .shop-product-link-gray {height: 1em; margin-top:.375em; } */ /* .shop-product .shop-product-content .shop-product-links .shop-product-link-red { height: 1em; margin-top:.125em; } */ .shop-product .shop-product-content .shop-product-links div.shop-product-link-left { clear:both; width:48%; float:left; } .shop-product .shop-product-content .shop-product-links div.shop-product-link-right { width:48%; float:left; } .shop-product .shop-product-content .shop-product-links ul li.left {clear:both; width:58%; float:left; padding-top:.1875em;} .shop-product .shop-product-content .shop-product-links ul li.right { width:38%; float:left; padding-top:.1875em;} /*********************** 1 column "Join ONLINE" compclass : shop-joinonline ------------ SHOP 3.x, 6.x, 7, 8, 2.1, 13, 14, 15 ***********************/ .shop-joinonline { background: #ffffff; } .shop-joinonline-content { padding: .2em .4em .4em .6em; } .shop-joinonline-content h4 { font-size:1.25em; height: 1em; padding:0; vertical-align:top;overflow:hidden; font-weight:bold; text-transform:uppercase; color: #000000;font-family: arial, helvetica; } .shop-joinonline-content h3 { font-size:0.875em; height: 1em; overflow:hidden; text-transform:uppercase; color: #4d4d4d; font-family:arial narrow, helvetica narrow; } .shop-joinonline-content h5 { font-size:0.6875em; height: 1em; font-weight:bold; text-transform:uppercase; color: #4d4d4d; font-family:arial narrow, helvetica narrow; } /*********************** 2 column eligibility questions compclass : eligibility-questions ------------ SHOP 25 ***********************/ .eligibility-questions {} .eligibility-questions-content { padding: .6em 0 .4em 0; } .eligibility-questions-content h3 {padding-left: .6em;} .eligibility-questions-content .intro { padding-left: .6em; margin: 0; } .eligibility-questions-content .intro p { font-size: .6875em; margin: .5em 0 0 0; padding-right:.8em;} .eligibility-questions-content form { margin:0; padding:0; } .eligibility-questions-content form input { vertical-align: middle; } .eligibility-questions-content form label { margin-right: 2em; vertical-align: middle; } .eligibility-questions-content ol { margin-top:.75em; } .eligibility-questions-content ol li { font-size: .6875em; font-weight:bold; padding:0; clear:both; vertical-align:top;} .eligibility-questions-content ol li p { font-weight:normal; margin:.5em 0 0 0; width:40em; } .eligibility-questions-content ol li .callout { margin:.75em 0 0 -3.5625em; display:none; } .eligibility-questions-content ol li .expanded { display:block; } .eligibility-questions-content ol li .callout h4 { margin:.75em 0 0 0; background-color: #d8dcdf; padding:.2em .5em .2em 1.1em; font-size: 1.2727em; } .eligibility-questions-content ol li .callout h4 a.close { float:right; margin-top:.0833em; } .eligibility-questions-content ol li .callout h4 a.close img { width:1.1429em; height:1em; } .eligibility-questions-content ol li .callout h5 { margin:.4em 0 0 0; padding-left:1.45em; } /* .eligibility-questions-content ol li .callout { margin:.75em 0 0 -3.5625em;} .eligibility-questions-content ol li .callout h3 { margin:.75em 0 0 0; background-color: #d8dcdf; padding:.2em 0 .2em 1.1em; font-size: 1.2727em; } .eligibility-questions-content ol li .callout h4 { margin:.4em 0 0 0; padding-left:1.45em; } */ .eligibility-questions-content ol li .callout p.why { margin:0 0 0 0; padding-left:1.45em; } .eligibility-questions-content li .main-divider hr { display:none; } .eligibility-questions-content li .main-divider { margin: 0.75em 1em 0.75em -2.5em;clear:both; height:1px; background-color:#cccccc; overflow:hidden; } .eligibility-questions-content .submit { padding: 0 1em 0 0; text-align: right;} .eligibility-questions-content .submit button{ text-align: right; } /*********************** 2 column package and equipment selector compclass : package-choose ------------ SHOP 5, 6, 6.1, 7, 8, 11, 13, 14, 15, 22 ***********************/ .package-choose {} .package-choose-content { } .package-choose p.aoc-arrowlink{ margin-top:0!important; } .package-choose .step-container { clear:both; padding:.375em 1px 0 1px;} .package-choose .step-image { float:left; width: 12.5em; } .package-choose .step-image img { width: 11.5625em; height:11.25em; } .package-choose .step-text { float:left; width: 16em; } .package-choose .step-text ol { margin:0; padding:0; } .package-choose .step-text ol li { margin:0 0 0 1.375em; padding:0; text-indent:-1.375em; list-style-type:none; } .package-choose .step-text ol li h3 { line-height:1.2em; color:#f30167; } .package-choose .step-text ol li h3 strong { font-size:1.375em; color: #4d4d4d; font-weight:bold;margin-right:.1818em; } .package-choose .step-text ol li p { margin:.7273em 0 0 0; font-size:0.6875em; color:#000000;text-indent:0; } .package-choose .step-text ol li ul { margin:.5em 0 0 0; padding:0;text-indent:0; } .package-choose .step-text ol li ul li { margin:0;text-indent:0;list-style-type:none; color: #4d4d4d;font-weight:bold;font-family:arial,helvetica; } .package-choose .step-text ol li ul li.cost{ font-size:.75em; } .package-choose .fullwidth { float:none; width:auto; padding:.3125em; } .package-choose .fullwidth .choose-equipment{ margin-left:1.375em; } .package-choose .main-divider hr { display:none; } .package-choose .main-divider { clear:both; overflow:hidden; padding:.5em 0;} .package-choose .main-divider div{height:1px; background-color:#cccccc; margin:0 .625em; } .package-choose .spacer{ clear:both; height:1em; overflow:hidden; } .package-choose h4 { font-size:.875em; color:#4d4d4d; text-transform:uppercase; font-family:arial,helvetica;} .package-choose h4 strong { color:#f30167; } .package-choose h4.choice-options { margin-left:0.625em; padding:0;} .package-choose p.instructions { margin:.2747em 0.9158em 0 0.9158em; font-size:0.6875em; } .package-choose h4.mix-type{ padding-left:0.625em; padding-top:.5em;} .package-choose .mix-container { clear:both; padding-left:0.625em; } .package-choose .mix-line { clear:both; width:100%; padding-top:1em; } .package-choose .mix-line .product { float:left; width: 14em;} .package-choose .mix-line .mix-image { float:left; width:3.6875em; padding:0 .5em 0 0;} .package-choose .mix-line .product img { width:3.1875em; height:3.25em; } .package-choose .mix-line .mix-text { float:left; width:9.75em; } .package-choose .mix-line .mix-text .premium-logos { margin-top:.5em; height:2.1875em; width:9.0625em; } .package-choose .mix-line .product h5 { color:#4d4d4d; font-size:.875em; font-family:arial,helvetica;} .package-choose .mix-line .product p { font-size:0.625em; margin:.25em 0 0 0;} .package-choose .mix-line .product ul { margin:.25em 0 0 0; padding:0; } .package-choose .mix-line .product ul li {margin:0; padding:0;list-style-type:none;} .package-choose .mix-line .product ul li img { float:none; } .package-choose .mix-line .mix { float:left; width: 14em;} .package-choose .mix-line .mix img { width:3.1875em; height:3.25em; } .package-choose .mix-line .mix h5 { color:#4d4d4d; font-size:.875em; font-family:arial,helvetica;} .package-choose .mix-line .mix p { font-size:0.625em; margin:.25em 0 0 0;} .package-choose .mix-line .mix ul { margin:.25em 0 0 0; padding:0; } .package-choose .mix-line .mix ul li {margin:0; padding:0;list-style-type:none;} .package-choose .mix-line .mix ul li img { float:none; } .package-choose .mix-container .mix-container-footer { clear:both; height:1px; overflow:hidden; } .package-choose .banner { background-color:#334012; padding:.25em 0.625em;} .package-choose .banner h3{ color:#a5d511; } .package-choose .banner h3 strong { color:#ffffff; } .package-choose .equipment-line { clear:both; padding-left:0.625em; } .package-choose .equipment-line .equipment-image { float:left; width: 12.5em; } .package-choose .equipment-line .equipment-image img { width:11.5625em; height:9.375em; } .package-choose .equipment-line .equipment-text { float:left; width: 16em; } .package-choose .equipment-line .equipment-text h3 { line-height:1em; } .package-choose .equipment-line .equipment-text p { font-size:0.625em; margin:.75em 0 0 0;} .package-choose .equipment-line .equipment-text p a:link{ color:#000000; } .package-choose .equipment-line .equipment-text p a:visited{ color:#000000; } .package-choose .equipment-line .equipment-text ul { margin:.5em 0 0 0; padding:0; } .package-choose .equipment-line .equipment-text ul li {margin:0; padding:0;list-style-type:none; } .package-choose .equipment-line .equipment-text ul.bullets li { font-size:0.6875em; margin-left:.8182em; text-indent:-.8182em;} .package-choose .equipment-line .equipment-text ul li img { float:none; } .package-choose .itemisation-container{ padding:1px;} .package-choose .itemisation { padding:.625em; width:80%; } .package-choose .itemisation h4 { font-size:0.6875em; color:#000000; text-transform:none; font-family:verdana; font-weight:bold; margin:.5em 0 0 0; padding:0; } .package-choose .itemisation ul { margin:0; padding:0; } .package-choose .itemisation ul li { margin:0; padding:0; list-style-type:none; } .package-choose .itemisation ul li ol { margin:.25em 0 0 0; padding:0; width:75%; } .package-choose .itemisation ul li ol li { list-style-type:none;margin:0; padding:0; font-size:0.6875em; display:inline; white-space:nowrap; } .package-choose .totals{ border:#cccccc solid; border-width: 1px 0; background-color:#fff7fa; margin:0 1px; padding:.5em 0 .5em .625em; } .package-choose .totals table { margin:0; font-size:1em; width:28.625em; border-width:0;} .package-choose .totals table thead { display:none; } .package-choose .totals table td{border-width:0;} .package-choose .totals table .item { width:75%; font-size:0.6875em; font-weight:bold; padding:0; } .package-choose .totals table .item .notes { font-weight:normal; } .package-choose .totals table .cost { width:25%; font-size:.9375em; font-weight:bold; text-align:right; color:#f60065; } .package-choose .choose-equipment{ margin-left:0.625em; } .package-choose .choose-equipment p { font-size:0.625em; margin:.75em 0 0 0;} .package-choose .choose-equipment ul { margin:.5em 0 0 0; padding:0; } .package-choose .choose-equipment ul li {margin:0;padding:0;list-style-type:none; } .package-choose .choose-equipment ul li img { float:none; } .package-choose .choose-equipment .column-left{ float:left; width:48%; } .package-choose .choose-equipment .column-right{ float:left; width:48%; } .stages-existing .package-choose-content .step-image img { width:10.9375em; height:7.8125em; } .stages-existing .package-choose-content .step-image { float:left; width: 11.5em; } .stages-existing .package-choose-content .step-text { float:left; width: 17.5em; } .stages-existing .package-choose-content .step-text h3 { color:#f30167; margin-top: .25em;} .stages-existing .package-choose-content .step-text p { margin:.7273em 0 0 0; font-size:0.6875em; color:#000000;text-indent:0; } .stages-existing .package-choose-content .bottomlink { position:absolute;margin-top:-1.5em;margin-left:11.5em; } .package-choose h5.dragdrop { clear:both; padding:1.5em 0 0 .625em; } .package-choose h5.dragdrop img {width:1.5em; height:1.4375em; margin-right:.75em; } .package-choose h5.dragdrop span {font-size:0.75em; text-transform:uppercase; font-family:arial,helvetica; font-weight:bold; color:#4d4d4d;} .package-choose h5.dragdrop strong{ color:#f30167; } .stages-new .package-choose-content .step-text { float:left; width: 17.75em; padding-top:.25em; } .stages-new .package-choose-content .step-text ol li h3 { line-height:1em; color:#f30167;} .stages-new .package-choose-content .step-text ol li h3 strong { font-size:1.125em; } .stages-new .package-choose-content .step-text ol li { margin:0 0 0 1.1429em; padding:0; text-indent:-1.1429em; list-style-type:none; } .stages-new .package-choose-content .step-text .columns { margin:1em 0 0 1.1429em; } .stages-new .package-choose-content .step-text .column-left{ width:7.5em; float:left; } .stages-new .package-choose-content .step-text .column-right{ width:8.5em; float:left; } .stages-new .package-choose-content .step-text .columns ul{ margin:0; padding:0; } .stages-new .package-choose-content .step-text .columns ul li{ margin:0; padding:0; list-style-type:none; } .stages-new .package-choose-content .step-text .columns ul li h4 { text-transform:uppercase; font-size:.75em; height:1.5em; font-family:arial,helvetica; font-weight:bold; color:#4d4d4d; } .stages-new .package-choose-content .step-image { float:left; width: 11.5em; } .stages-new .package-choose-content .step-image img { width: 10.9375em; height:7.8125em; } /*********************** 2 column package and equipment selector stage indicator compclass : package-selection-stage-indicator ------------ SHOP 6, 6.1, 7, 8 ***********************/ .package-selection-stage-indicator {clear:both;} .package-selection-stage-indicator-content {clear:both; padding:.625em 0 .375em .625em; } .package-selection-stage-indicator .stages-container {clear:both; width:100%;} .package-selection-stage-indicator .nodisplay { display:none; } .package-selection-stage-indicator ul { margin:0; padding:0; } .package-selection-stage-indicator li { list-style-type:none; padding:0; margin:0; float:left; height:2em; border-left:1px #cccccc solid; } .package-selection-stage-indicator li.first { border-left-width:0px; width:33%;} .package-selection-stage-indicator li.second { width:35%;} .package-selection-stage-indicator li.third { width:25%;} .package-selection-stage-indicator p { padding:0 .5em 0 .5em;margin:0 0 0 .875em;line-height:.8em; text-indent:-.875em;font-weight:bold; font-family:arial narrow; } .package-selection-stage-indicator .number{margin-right:.25em;color:#8f8f8f; } .package-selection-stage-indicator .text{ font-size:0.6875em; text-transform:uppercase; color:#a9a9a9;} .package-selection-stage-indicator .stages-container-footer {clear:both;height:1px;overflow:hidden;} .package-selection-stage-indicator-content li.current .number { color:#000000; } .package-selection-stage-indicator-content li.current .text { color:#f20265; } .package-selection-stage-indicator-content li.link, .package-selection-stage-indicator-content li.linkhover { cursor:pointer; cursor:hand; } .package-selection-stage-indicator-content li.link .number { color:#000000; } .package-selection-stage-indicator-content li.link .text { color:#4d4d4d; } .package-selection-stage-indicator-content li.linkhover .number { color:#000000; } .package-selection-stage-indicator-content li.linkhover .text { color:#f20265; } /*********************** 2 column kids channels compclass : msh-edication-and-fun-for-all ------------ SHOP 3, 3.1, 3.2, 3.3 ***********************/ .msh-edication-and-fun-for-all { } .msh-edication-and-fun-for-all-container {padding:0.625em 1px;} .msh-edication-and-fun-for-all h3 {padding-left:0.625em} .msh-edication-and-fun-for-all-image {padding:0 1px;} .msh-edication-and-fun-for-all-text {padding-left:1em; font-size:0.625em;} /*********************** 2 column package cost summary compclass : package-cost-summary ------------ SHOP 6, 6.1, 7, 8, 13, 14, 15 ***************/ .package-cost-summary {} .package-cost-summary-content { padding:0.625em; } .package-cost-summary h3 { } .package-cost-summary .table-container { width:100%; margin-top:.5em;} .package-cost-summary table { border-width:0px; font-size:1em; table-layout:fixed; width:100%; } .package-cost-summary thead { display:none; } .package-cost-summary td { border-width:0px; padding:.25em 0; vertical-align:top; } .package-cost-summary td.item { text-align:left; font-size:0.625em; } .package-cost-summary td.cost { text-align:right; font-size:.75em; color:#f20265; font-weight:bold; } .package-cost-summary .item { width:75%; } .package-cost-summary .cost { width:25%; } .package-cost-summary .divider{clear:both; height:1px; background-color:#cccccc; overflow:hidden; margin:0.625em 0 0.625em 0;} .package-cost-summary .divider hr { display:none; } .package-cost-summary .footer { text-align:right; } .package-cost-summary p.footer-error span{ font-size: .875em; font-weight:bold; text-transform:uppercase; color:#f20265; font-family:arial,helvetica; } .package-cost-summary p.footer-error img{ width:1.5em; height:1.5em; margin-right:.625em; vertical-align:middle; } .package-cost-summary #summary-step-message p{ margin:.8em 0; font-size: .625em; color:#f20265; } .package-cost-summary .footer #summary-footer-error span{ font-size: .875em; font-weight:bold; text-transform:uppercase; color:#f20265; font-family:arial,helvetica; } .package-cost-summary .footer #summary-footer-error img{ width:1.5em; height:1.5em; margin-right:.625em; vertical-align:middle; } /*********************** 1 column mix cost table compclass : msh-adb-mix-prices-table ------------ SHOP 3.2, 7, 11, 13, 14 ***********************/ .msh-adb-mix-prices-table { background-color:#ffffff; } .msh-adb-mix-prices-table-container { padding:1px 0px 1em 0px;} .msh-adb-mix-prices-table h3 { padding:0.5625em 0.625em 0.4375em 0.625em; background-color:#d8dcdf; margin:0px 1px 0px 1px; } .msh-adb-mix-prices-table-table { border-spacing:1px; font-weight:bold;font-size:0.625em;background-color:#d8dcdf;width:100%;text-transform:uppercase; } .msh-adb-mix-prices-table-table tr { height:2.4em;} .msh-adb-mix-prices-table-table td { background-color:#ffffff; padding:0.6em; text-align:center; } .msh-adb-mix-prices-table-table th { background-color:#ffffff;text-align:center; } .msh-adb-mix-prices-table-table tr.top-header { height:auto;} .msh-adb-mix-prices-table-table tr.top-header th { padding:.3em; } .msh-adb-mix-prices-table-table th span.nodisplay { display:none; } .msh-adb-mix-prices-table-table .vertical { background-color:#d8dcdf; text-align:center; } .msh-adb-mix-prices-table-table .v-block { display:block; } .msh-adb-mix-prices-table-table caption { display:none; } /*********************** 1 column mix cost mini-table compclass : msh-adb-mix-prices-table-mini ------------ SHOP 3.1, 6, 6.1 ***********************/ /* .msh-adb-mix-prices-table-mini { background-color:#ffffff;} */ /* .msh-adb-mix-prices-table-mini-container { padding:1px 0px 1em 0px; } */ /* .msh-adb-mix-prices-table-mini h3 { padding:0.5625em 0 0.4375em 0.5em; } */ /* .msh-adb-mix-prices-table-mini-table { border-collapse:collapse;font-weight:bold;width:100%;text-transform:uppercase;border-width:0; } */ /* .msh-adb-mix-prices-table-mini-table td {font-size:0.625em;padding:0.3em;padding-left:1em;border:1px #d8dcdf solid;border-right-width:0px;} */ /* .msh-adb-mix-prices-table-mini-table th {font-size:0.625em;padding:0.3em;padding-left:1em;border:1px #d8dcdf solid;border-right-width:0px;} */ /* .msh-adb-mix-prices-table-mini-table .vertical {background-color:#d8dcdf;text-align:center;} */ /* .msh-adb-mix-prices-table-mini-table thead,.msh-adb-mix-prices-table-mini-table caption { display:none; } */ .msh-adb-mix-prices-table-mini { background-color:#ffffff;} .msh-adb-mix-prices-table-mini-container { padding:1px 0px 1em 0px;} .msh-adb-mix-prices-table-mini h3 { padding:0.5625em 0.625em 0.4375em 0.625em;} .msh-adb-mix-prices-table-mini-table { border-spacing:1px; font-weight:bold; font-size:0.625em; background-color:#d8dcdf;width:100%;text-transform:uppercase;} .msh-adb-mix-prices-table-mini-table td { background-color:#ffffff; padding:0.3em; padding-left:1em; } .msh-adb-mix-prices-table-mini-table th {background-color:#ffffff;padding:0.3em;padding-left:1em;} .msh-adb-mix-prices-table-mini-table .vertical {background-color:#d8dcdf;text-align:center;} .msh-adb-mix-prices-table-mini-table thead,.msh-adb-mix-prices-table-mini-table caption { display:none; } /*********************** 2 column search results compclass : search-results ------------ CS 3.5 OTHER 11, 12 ***********************/ .search-results {} .search-results-content { padding:0.5em 0.625em 0.625em 0.625em; } .search-results .results-message { font-size:0.6875em; } .search-results .results-message strong { font-weight:bold; } .search-results .results-message p { margin:0; } .search-results h3 { margin-top:1em; font-size:0.6875em; font-weight:normal; text-transform:none; font-family:verdana; } .search-results .stats { height:1.25em; font-size:0.6875em; } .search-results .stats .left { float:left; width:48%; } .search-results .stats .right { float:right; width:48%; text-align:right; } .search-results .list { clear:both; } .search-results .list ol { margin:0em; padding:0 0 0 2em; font-size:0.6875em; color:#310870; } .search-results .list ol li { margin:2em 0 0 0; clear:both; } .search-results .list ol li p.itemtitle { font-weight:bold; margin:0; } .search-results .list ol li p.itemtitle a { } .search-results .list ol li p.itemtitle a:link, .search-results .list ol li p.itemtitle a:visited { color:#000000; } .search-results ul.itemstats { margin:.25em 0 0 0; padding:0; } .search-results ul.itemstats li { display:inline; margin-right:1em; } .search-results ul.itemstats li.date { font-weight:bold; } .search-results ul.itemstats li.channel { font-weight:normal; } .search-results .list ol li p.itemtext { margin:1em 0 0 0; } .search-results .list ol li .itemfooter { margin-top: .75em; height:1em; } .search-results .list ol li .itemfooter .footerleft { float:left; width:40%; } .search-results .list ol li .itemfooter .footerright { float:right; width:40%; text-align:right; } .search-results .nav { padding:1.5em 0 0 0; clear:both; } .search-results .nav ul { padding:0; margin:0; list-style:none; height:1em; } .search-results .nav ul li { font-size:0.625em; padding:0; margin:0; float:left; list-style-type:none; } .search-results .nav ul li.navback a{ border-left-width:0; padding-left:0px; } .search-results .nav ul li.navnext a{ border-left-width:0; } .search-results .nav ul li.navfirst a{ border-left-width:0; } .search-results .nav ul li a:link, .search-results .nav ul li a:visited { color:#310870; } .search-results .nav ul li a { padding:0 .8em; border-left:1px #000000 solid; } /*********************** 2 column set preferences compclass : framework-set-preferences ------------ framework 5.2.2 ***********************/ .framework-set-preferences {} .framework-set-preferences-content { padding:0.625em; } .framework-set-preferences h3 { } .framework-set-preferences h4 { clear:both; font-size:.6875em; font-weight:bold; color:#000000; } .framework-set-preferences .preferences-type { clear:both; } .framework-set-preferences .preferences-time { clear:both; } .framework-set-preferences .preferences-time h3{ margin-top:1em; } .framework-set-preferences ul{ margin:0; padding:0; } .framework-set-preferences li{ margin:0; padding:0; list-style-type:none; } .framework-set-preferences p { font-size:0.625em; margin: .5em 0 0 0; } .framework-set-preferences .preferences-type ul { margin-top:.5em; } .framework-set-preferences .preferences-type li { clear:both; margin-top:.125em; line-height:1em;} .framework-set-preferences .preferences-type li p{ margin:0; } .framework-set-preferences .columns { clear:both; margin-top:.5em; } .framework-set-preferences .columns .column-left { float:left; width:45%; } .framework-set-preferences .columns .column-right { float:left; width:45%; } .framework-set-preferences .columns .column-footer{clear:both;height:1px;overflow:hidden;} .framework-set-preferences .preferences-footer{ clear:both; } .framework-set-preferences .preferences-footer .button-right { text-align:right; } .framework-set-preferences .preferences-footer .button-right button{ padding:0; text-align:right; font-size:1em; width:10.5em; height:0.875em; } .framework-set-preferences .preferences-footer .button-left { text-align:left; } .framework-set-preferences .preferences-time li { clear:both; padding-top:.25em;} .framework-set-preferences .preferences-time label {font-size:0.625em; vertical-align:middle; } .framework-set-preferences .preferences-time input { vertical-align:middle; margin-right:.375em;} .framework-set-preferences .main-divider hr { display:none } .framework-set-preferences .main-divider { clear:both; height:1px; background-color:#cccccc; overflow:hidden; margin:0.625em 0 0.625em 0;} /*********************** 2 column article compclass : cs-subheading-container-outer ------------ CS 3.4 ***********************/ .cs-subheading-container-outer{} .cs-subheading-container{padding:0.625em;} .cs-subheading-container h3{} .cs-subheading-container div.cs-subheading-body{font-size:0.6875em} .cs-subheading-container div.cs-subheading-body p{margin:.75em 0 0 0;} .cs-subheading-container p.cs-subheading-searchtext{color:#533386;font-size:0.6875em;text-decoration:underline; margin:.5em 0 0 0;} .cs-subheading-container div.cs-subheading-footer{ text-align:right; margin:.75em 0 0 0;} .cs-subheading-container ul { margin:0; padding:0; } .cs-subheading-container li { margin-left:1.5em; padding:0; list-style-type:none; display:inline; } .cs-subheading-container li p { display:inline; } /*********************** 2 column FLASH main comp compclass : shop-mainpic-flash-container ------------ HOMEPAGE 1.0 SHOP 1, 1.1, 2, 2.1, 2.2, 3, 3.1, 3.2, 3.3, 9, 24 ***********************/ .shop-mainpic-flash-container{} .shop-mainpic-flash { width:29.7em; height: 14.1875em; } /*********************** 1 column advert. just image 230x200. no border. compclass : ad-fullimage-230x200 ------------ ENT 6.1 OTHER 5 ***********************/ .ad-fullimage-230x200{ height:12.5em; overflow:hidden; } .ad-fullimage-230x200 img{ width:14.375em; height:12.5em; } /*********************** 1 column advert. just image 230x165. no border. compclass : ad-fullimage-230x165 ------------ SHOP 23 ***********************/ .ad-fullimage-230x165{ height:10.3125em; overflow:hidden; } .ad-fullimage-230x165 img.ad{ width:14.375em; height:10.3125em; } .ad-fullimage-230x165 div { position:absolute; margin-top: 9em; margin-left:.5em; z-index:1000;} /*********************** 1 column advert. just image 228x155. with border. compclass : ad-fullimage-228x155-border ------------ ENT 2.1, 2.2, 5.0, 5.1, 8.1 ***********************/ .ad-fullimage-228x155-border{ height:9.8125em; overflow:hidden; } .ad-fullimage-228x155-border img{ width:14.25em; height:9.6875em; border:1px #cccccc solid; } /*********************** 1 column advert. just image 228x80. with border. compclass : ad-fullimage-228x80-border ------------ ENT 1.0, 6.1 OTHER 5 ***********************/ .ad-fullimage-228x80-border{ height:5.125em; overflow:hidden; } .ad-fullimage-228x80-border img{ width:14.25em; height:5em; border:1px #cccccc solid; } /*********************** 3 column Single Channel TV Listing table compclass : channel-listing ------------ ENT 2.2 ***********************/ .channel-listing{} .channel-listing-select {} .channel-listing-select-channel { height:1.8em;} .channel-listing-select-channel span {font-size:.6875em;} .channel-listing-select-channel select {font-family:verdana; font-size:.6875em;vertical-align:middle; margin-left:.2727em;} .channel-listing-select-channel select#select-tv-listing-channel {width:18em; } .channel-listing-select-channel select#select-tv-listing-date {width:11em; } .channel-listing-select-channel input#submit-tv-listing-channel-date {font-size:1em; margin:0 0 0 .25em; vertical-align:middle; width:1.25em; height:1.1875em; padding:0;} .channel-listing-head { margin-top: .9375em;} .channel-listing-title{ background-color:#009bd4; height:2em; width:45em;} .channel-listing-title .container { position:relative; height:2em; top:0; left:0; } .channel-listing-title .container div { position:absolute; } .channel-listing-title .left { left:0; text-align:left; width:33%; padding:.5em 0 0 .5em;} .channel-listing-title .middle { left:33%; text-align:center; width:34%; line-height:2em; } .channel-listing-title .right { right:0; text-align:right; padding:.375em .5em 0 0; } .channel-listing-title .left img { height:1em; width:5.8125em; } .channel-listing-title .middle span { font-size:0.6875em; color:#ffffff; } .channel-listing-title .right select{ vertical-align:middle; font-size:0.625em; width:20em; } .channel-listing-title .right input { vertical-align:middle; font-size:1em; width:1.25em; height:1.1875em; margin-left:.375em;} .channel-listing-title .right label { display:none; } .channel-listing-nav { height:1.5625em; background-color:#ffffff; margin-top:2px; } .channel-listing-nav .container { position:relative; top:0; left:0; height:1.5625em; overflow:hidden; } .channel-listing-nav .container a { font-size:.6875em; } .channel-listing-nav .container div.cell-left-img a, .channel-listing-nav .container div.cell-right-img a { font-size:1em; } .channel-listing-nav .container a:link, .channel-listing-nav .container a:visited { color:#000; } .channel-listing-nav .container div { position:absolute; height:1.5625em; text-align:center; line-height:1.3125em; } .channel-listing-nav .container div img { position:relative; top:0.3125em; width:0.4375em; height:0.8125em; } .channel-listing-nav .container div div {left:0; bottom: 0; border-left: 1px #cccccc solid; height:50%; overflow:hidden;} .channel-listing-nav .container div.cell-left-img { left:0; top:.0625em; text-align:left; padding-left:.375em; } .channel-listing-nav .container div.cell-left { left:1.5em; top:.0625em; text-align:left; } .channel-listing-nav .container div.cell-middle { top:.0625em; width:7.2em; } .channel-listing-nav .container div.middle_0 {left:10.3em;} .channel-listing-nav .container div.middle_1 {left:17.5em;} .channel-listing-nav .container div.middle_2 {left:24.7em;} .channel-listing-nav .container div.middle_3 {left:31.9em;} .channel-listing-nav .container div.cell-right {right:1.5em; top:.0625em; text-align:right;} .channel-listing-nav .container div.cell-right-img { right:0; top:.0625em; text-align:right; padding-right:.375em; } .channel-listing-body{ margin-top:2px; } .channel-listing-body table { border-collapse:collapse; table-layout:fixed; width:100%; font-size:1em; } .channel-listing-body table col#timecolumn { width:5.5em; } .channel-listing-body thead{ display:none; } .channel-listing-body tr { background: #009bd4; font-size:1em;} .channel-listing-body td { white-space:nowrap; color:#ffffff; border-top:2px solid #ffffff; } .channel-listing-body tr.firstrow td{ border-top-width:0px; } .channel-listing-body td a {} .channel-listing-body td a:link, .channel-listing-body table td a:visited{ color:#ffffff; } .channel-listing-body td.time { font-size:1em;text-align:center; font-weight:bold; } .channel-listing-body td.time div{ height:2em; line-height:2em; white-space:nowrap; } .channel-listing-body td.time div span{font-size:.6875em;} .channel-listing-body td.programme { font-size:.6875em; padding-left:1em; font-weight: normal; border-left:2px solid #ffffff; } .channel-listing-foot{}