/* SICL DEFAULT STYLESHEET ----------------------------------------------------*/ /* Default.css Updated: Mon 14.06.10 @ 1:34 p.m. Author : Alan Durkan / Rob Allison ----------------------------------------------------*/ /* Index(Organised according to control groupings) /* TOP LEVEL | SHOP FORMS TYPOGRAPHY | SHOP MODULES COMMON ELEMENTS | SHOP TABLES SYSTEM | NEWS HEADER | EVENTS & JOURNAL CONTENT LAYOUT | FORUM FOOTER | BROWSER FIXES MODULES | LIGHTBOX */ /* =TOP LEVEL ----------------------------------------------------*/ html, body, form, fieldset, input, select, textarea, .textbox, .dropdown, .dropdownlist { font-family: Arial, Helvetica, Sans-Serif; } body { margin: 8px 0; font-size: 0.625em; /* v important - this sets the default font size to 10px eqiv ems */ line-height: 1.0; background: #CCC url(/SiteData/Root/SiteImages/sicl_bodyBg.jpg) no-repeat 50% 8px; overflow: -moz-scrollbars-vertical; } #Sheet { margin: 0 auto; padding: 8px 8px 34px 8px; /* optimum for 800 */ /* width: 768px; */ /* optimum for 1024 */ /* width: 960px; */ width: 873px; color: #000; text-align: left; background: #FFF url(/SiteData/Root/SiteImages/sicl_FooterBg.jpg) no-repeat 50% bottom; } /* =TYPOGRAPHY ----------------------------------------------------*/ /* Colours /* #AA9C9B - Top Navigation Text #125E44 - SICL Green */ h1 { font-size: 2.182em; font-weight: normal; } h2 { font-size: 1.5em; font-weight: bold; } h3 { font-size: 1em; font-weight: bold; } h4, h5, h6 { font-size: 1em; font-weight: bold; } p, blockquote, address, .vcard, .forumMessage { padding-bottom: 1.5em; } #Content blockquote { color: #125E44; font-style: normal; } /* Shared typographic styles */ #Content { font-size: 1.1em; line-height: 1.5em; } #ColumnMain3Col #ML, #ColumnMain2Col, #ColumnMain1Col { font-size: 1.091em; } #ColumnMain3Col h1, #ColumnMain2Col h1, #ColumnMain1Col h1 { font-size: 2em; } #ColumnMain3Col h3, #ColumnMain2Col h3, #ColumnMain1Col h3 { text-transform: uppercase; } #ColumnMain3Col #ColumnRight { font-size: 1.091em; } #Content h1 { border-bottom: solid 1px #CCC; margin-bottom: 0.545em; padding-bottom: 0.182em; color: #125E44; line-height: 1em; } /* - for the homepage */ /* -- old */ /*#Content #MLMT h1 { border: solid 1px #CCC; margin-bottom: 0; padding: 12px; color: #333; font: normal 1em/1.3em Arial,Helvetica,Sans-serif; background-color: #EEE; } #Content #MLMT h1 .first-word { font-weight: bold; color: #125E44; } */ /* -- new */ #Content #MLMT h1 { border: none; margin-bottom: 0; color: #333; padding-left: 120px; font: normal 1em/1.3em Arial,Helvetica,Sans-serif; background: url(/SiteData/Root/SiteImages/sicl_IPPLogos.gif) no-repeat left top; } /* -- */ #ColumnMain3Col #MT h1 { margin-bottom: 0; } #Content .col3Banner #MT h1, #Content .col3Study #MT h1 { font-size: 2.182em; margin-bottom: 0.909em; } #Content h2 { margin-bottom: 1em; font-weight: normal; line-height: 1em; } #Content h3 { margin-bottom: 0.5em; color: #125E44; line-height: 1em; } #Content h4, #Content h5, #Content h6 { color: #125E44; margin-bottom: 1em; line-height: 1em; } ul, ol { margin-left: 2em; padding-bottom: 1.5em; } ul ul { margin-bottom: 0; } dd, ul li { line-height: 1.5em; } a { color: #125E44; outline: none; text-decoration: none; } a:hover { } a:focus, a:active { outline: none; } :focus { -moz-outline-style: none; } blockquote, address { font-style: italic; } /* Common typographic styles */ /* - File type doc links */ /* -- generic first */ a.file { padding: 1px 0 1px 24px; line-height: 2em; background: url(/SiteData/Generic/SiteImages/docTypeIcons/generic.gif) no-repeat left top; } /* -- all the various file types */ a.bin { background: url(/SiteData/Generic/SiteImages/docTypeIcons/bin.gif) no-repeat left top; } a.doc { background: url(/SiteData/Generic/SiteImages/docTypeIcons/doc.gif) no-repeat left top; } a.fla { background: url(/SiteData/Generic/SiteImages/docTypeIcons/fla.gif) no-repeat left top; } a.gif { background: url(/SiteData/Generic/SiteImages/docTypeIcons/gif.gif) no-repeat left top; } a.mp3 { background: url(/SiteData/Generic/SiteImages/docTypeIcons/mp3.gif) no-repeat left top; } a.mpeg { background: url(/SiteData/Generic/SiteImages/docTypeIcons/mpeg.gif) no-repeat left top; } a.pdf { background: url(/SiteData/Generic/SiteImages/docTypeIcons/pdf.gif) no-repeat left top; } a.pps { background: url(/SiteData/Generic/SiteImages/docTypeIcons/pps.gif) no-repeat left top; } a.ps { background: url(/SiteData/Generic/SiteImages/docTypeIcons/ps.gif) no-repeat left top; } a.rar { background: url(/SiteData/Generic/SiteImages/docTypeIcons/rar.gif) no-repeat left top; } a.rtf { background: url(/SiteData/Generic/SiteImages/docTypeIcons/rtf.gif) no-repeat left top; } a.txt { background: url(/SiteData/Generic/SiteImages/docTypeIcons/txt.gif) no-repeat left top; } a.vsd { background: url(/SiteData/Generic/SiteImages/docTypeIcons/vsd.gif) no-repeat left top; } a.xls { background: url(/SiteData/Generic/SiteImages/docTypeIcons/xls.gif) no-repeat left top; } a.xml { background: url(/SiteData/Generic/SiteImages/docTypeIcons/xml.gif) no-repeat left top; } a.zip { background: url(/SiteData/Generic/SiteImages/docTypeIcons/xml.gif) no-repeat left top; } /* -- */ .subText, .checkboxLabel, .closeWinBtn { padding-bottom: 0.545em; font-size: 0.917em; font-weight: bold; line-height: 1.091em; } .checkboxLabel, .shippingRow table input { position: relative; top: 2px; } /* validation asterix */ .shopForm label span { font-size: 1.333em; } /* - Titles used for modules (HTML in FCK Editor) */ #Content .modTitle { margin-bottom: 0.5em; padding: 8px; color: #FFF; font-size: 1em; word-spacing: -0.091em; font-weight: bold; line-height: 1em; background: #125E44 url(/SiteData/Root/SiteImages/sicl_modTitleBg.jpg) repeat-x left top; } #Content #ML .modTitle { font-size: 1em; word-spacing: 0; } /*#ColumnMain3Col #ColumnRight .modTitle { margin-bottom: 0.5em; font-size: 1em; }*/ #Sheet .hpContent #ColumnRight .modTitle { margin-bottom: 0; } #Sheet .hpContent .modTitle { padding: 5px 8px; background: #111 url(/SiteData/Root/SiteImages/sicl_modTitleHpBgTile.gif) repeat-x left top; } .shopTableTitle, .shopTable th, .invoiceAddressTable th, .deliveryAddressTable th, #Content .shopTableTitle, #Content .createFullAccount h3, #Content .receiptCreateFullAccount h3, #Content .payment h3, #Content .forum .forumMessagePoster { position: relative; z-index: 1; margin-bottom: 0 !important; padding: 6px 10px; color: #FFF; font-size: 1em !important; font-weight: bold; line-height: 1em; background-color: #999; } .batchContainer .shopTable { font-size: 0.833em; } /* Specific to SICL */ #MLT p { padding-bottom: 0; } .hpPanel { position: relative; padding: 0 8px 8px 8px; height: 1%; background: url(/SiteData/Root/SiteImages/sicl_hpPanelBg.gif) no-repeat left bottom; } .hpPanel h3 { font-size: 1.091em; } .hpPanel .panelDesc { position: relative; z-index: 1; } .hpPanel .panelImg img { margin: 0 -7px -16px -7px; } .hpSubPanel { padding: 4px 6px 4px 4px; background-color: #FFF; } .hpSubPanel .panelImg { float: left; } .hpSubPanel .panelDesc { margin-left: 71px; padding-top: 2px; } #Content .hpSubPanel h4 { margin-bottom: 0.273em; word-spacing: -0.091em } .hpSubPanel p { padding: 0; line-height: 1.3em; } .contentBanner { padding: 4px; background-color: #CCC; } /* -More button */ .hpPanel .panelButtons .moreBtn, .mainArticles .panelButtons .moreBtn, .panelContent .moreBtn, #Content .contactForm .button { display: block; padding: 2px 0 2px 22px; height: 21px; width: 52px; color: #FFF; font-weight: bold; background: url(/SiteData/Root/SiteImages/sicl_moreBtnBg.gif) no-repeat left top; } .hpPanel .panelButtons .moreBtn, .mainArticles .panelButtons .moreBtn, .panelContent .moreBtn { float: right; } #Content .contactForm .button { border: none; width: 74px; text-align: left; } .panelContent .moreBtn { background: url(/SiteData/Root/SiteImages/sicl_moreBtnBg.png) no-repeat left top; } .mainArticles .panelButtons .moreBtn {background: url(/SiteData/Root/SiteImages/sicl_moreArticleBtnBg.gif) no-repeat left top; } /* -Scroll panel */ .scrollPanel .panelImage { position: absolute; left: 0; top: 0; } .scrollPanel .panelContent { position: relative; z-index: 2; } .scrollPanel .panelContent p { padding: 0; } /* important - allows ul/li to be used affectively within the panelContent */ .scrollPanel .panelContent ul { margin-left: 2em; height: auto; width: auto; list-style: disc; overflow: visible; } .scrollPanel .panelContent li { float: none; height: auto; width: auto; } .panelContent .moreBtn { float: none; position: relative; } /* For general HTML in #ML */ .contentTable { padding-bottom: 1.5em; } .contentTable table { width: 100%; } .contentTable td { text-align: center; vertical-align: middle; } /* for the footer of caseStudies */ #ML .caseStudyList { margin-bottom: 1.5em; } #ML .caseStudyList ul { list-style: none; margin: 0; padding: 0 0 0.5em 0; background: url(/SiteData/Root/SiteImages/sicl_siteNavBgTile.gif) repeat-x left bottom; } #ML .caseStudyList li { display: inline; } #ML .caseStudyList li a { display: inline-block; margin: 0 16px 0.333em 0; padding: 2px 0 1px 18px; color: #000; line-height: 1.417em; background: url(/SiteData/Root/SiteImages/sicl_siteNavIcon.gif) no-repeat 3px 50%; } /* Video caption */ p.videoCaption { margin-top: 0.5em; padding-bottom: 0; } /* =COMMON ELEMENTS ----------------------------------------------------*/ .clear, .Clear, #Footer, .shopForm br, .productListingBriefDesc { clear: both; } .noMargin { margin: 0 !important; } .noPadding { padding: 0 !important; } div.clear, .customerLogin .clear, .productListing br, .shopFormButtons .clear, .featuredProducts .clear, .categoryDisplay .clear, .productPromotions br, .footerNav br, .pagerSort .clear, .receipt .addresses .clear, .eventsContainer .clear, .event .clear, .author .clear, #Navigation .clear, .searchBox .clear, .warningBox .clear, .shopAddress .clear, .forumMessageButtons .clear, .forumPostButtons .clear, #Header .clear, .panelButtons .clear { font-size: 0; line-height: 0; } /* hide these elements */ /* note - the batchContainer thumbs are currently hidden */ .accessibility, .hide, .homeLink span, #Content .searchKeyword, .currencyKeyword, .categoryDisplay h2, .extraDeliveryDetails, .product .backLink, .editAddress h3, .payment .secureMsg, .payment .varifyMsg, .featuredProduct h1, .searchResultsList .Url, .product .productPriceText, .product .productCodeText, #Content .productListing .browseBtn, .categoryDisplayDesc, .newsArchive h2, #Content .featuredProducts h3, .textImage span, .printHeader, .shopTable .qtyCol .validationList, .sideColumn .blankLabel, .batchContainer .moreImages, .product .productType, .product .productCode, .productImg .enlargeImgBtn { display: none !important; visibility: hidden !important; } .CMSModuleERROR { border: dashed 1px #F00; color: #F00; } .CMSColumnEdit { position: relative; border: dashed 1px #003480; } .textbox, .textarea, .clear-on-focus, .dropdown, .dropdownlist { border: solid 1px #8DA8C1; } .textbox, .textarea, .clear-on-focus { padding: 1px; } .clear-on-focus { color: #999; font-style: italic; } .checkbox { padding-right: 4px; } /* button */ .button, button, input.button { display: block; border: solid 1px #333; margin: 0; padding: 4px 5px 4px 5px; /* Links */ width: auto; /* need to keep font ultra consistant here */ color: #FFF; font-size: 11px !important; font-weight: bold; line-height: 1.3em; text-align: center; text-decoration: none; white-space: nowrap; cursor: pointer; overflow: visible; background-color: #333; } /* -adjust padding for for FF */ .button::-moz-focus-inner { border: none; padding: 0; } /* -adjust padding for for IE6 & 7 */ * html input.button, * html button { padding: 3px 5px 2px 5px; width: 0; } /* adjust padding for IE7 */ *:first-child+html .button[type] { padding: 3px 5px 2px 5px; } /* nuetralise the styles of input buttons within .button class */ .button input { border: none; background: none; cursor: pointer; } /* button colour variations & special cases */ .shopForm .addressBtn, .updateQuantityRow .button { /* these buttons require an inline display */ display: inline; } #Content .buyBtn { border: solid 1px #540000; color: #FFF; background-color: #C10000; } #Content .shopTableButtons .continueBtn, #Content .shopTableButtons .saveBtn { /* these buttons tend to be a differing color */ } /* smaller buttons */ .updateQuantityRow .button[type], .shopForm .addressBtn[type], .searchBox .button[type], .warningBox .button[type] { padding: 2px 5px 1px 5px; } /* IE6 */ * html .updateQuantityRow .button, * html .shopForm .addressBtn, * html .searchBox .button, * html .warningBox .button { padding: 0 5px; } /* IE7 */ *:first-child+html .updateQuantityRow .button, *:first-child+html .shopForm .addressBtn, *:first-child+html .searchBox .button, *:first-child+html .warningBox .button { padding: 0 5px; } /* disabled button */ #Content .disabled, #Content .buyBtnDisabled, .currencySelector .active, disabled { border: solid 1px #CCC; color: #999 !important; background: none; background-color: #EEE; cursor: default; } /* These buttons have the class button or are input buttons but need to be neutralised to look like links for this particlar design */ #Content .productLinklist input, #Content .viewOrderBtn { display: block; border: none; margin: 0 !important; padding: 0 !important; color: #C10000; font-weight: normal !important; text-align: left !important; text-decoration: underline !important; background: none; background-color: Transparent; cursor: pointer; } /* common styles */ /* bulleted links */ #Content .productLinklist input, .customerLogin .linkList li a, .backLink, .next, .previous, .eventLink, .moreNewsLink, .returnLink, .forumReplyLink { color: #000; padding-left: 16px !important; background: url(/SiteData/Root/SiteImages/sicl_bulletIcon.gif) no-repeat left 55%; } /* -bullet reversed */ .backLink, .previous, .returnLink { background: url(/SiteData/Root/SiteImages/sicl_bulletRevIcon.gif) no-repeat left 55%; } #MT .backLink { position: relative; top: 5px; font-size: 1.091em; float: right; } /* side col modules */ .miniBasket, .sideColumn .customerLogin, .sideColumn .searchBox, .sideColumn .shopSearchBox, .sideColumn .registerLink, .sideColumn .archiveDateTree, .sideColumn .payment, .sideColumn .currencySelector, .subColumn .customerLogin, .subColumn .searchBox, .subColumn .shopSearchBox, .subColumn .registerLink, .subColumn .archiveDateTree, .subColumn .payment, .subColumn .currencySelector { position: relative; border: solid 1px #CCC; border-top: none; padding: 12px 9px 11px 9px; margin-bottom: 1em; background-color: #EEE; } .subColumn .customerLogin, .subColumn .searchBox, .subColumn .shopSearchBox, .subColumn .registerLink, .subColumn .archiveDateTree, .subColumn .payment { border: none; padding: 12px 10px; } /* =SYSTEM ----------------------------------------------------*/ .CMSPageControls { position: static; padding: 3px 0; height: 16px; text-align: right; } .CMSPageControls span { color: #666; font-size: 9px; vertical-align: top; } .CMSPageControls img, .CMSPageControls input { border: none; margin-left: 4px; } /* =HEADER ----------------------------------------------------*/ #Header { position: relative; height: 119px; background: url(/SiteData/Root/SiteImages/sicl_headerHomeBg.jpg) no-repeat left top; } .homeLink { position: absolute; left: 20px; top: 11px; display: block; /*height: 91px; - the old logo */ height: 96px; width: 169px; text-indent: -9999px; background: url(/SiteData/Root/SiteImages/sicl_headerLink2011Bg.png) no-repeat left top; } .headerNav { float: right; padding: 11px 12px 0 0; width: 278px; font-size: 1.1em; color: #FFF; text-align: right; } #Header .searchBox { background: url(/SiteData/Root/SiteImages/sicl_headSearchBoxBg.png) no-repeat left top; margin-bottom: 0.636em; } #Header .searchKeyword { float: left; line-height: 20px; padding: 0 6px 0 14px; } #Header .searchBox .textbox, #Header .searchBox .clear-on-focus { border: none; height: 14px; font-style: normal; padding: 3px 3px; width: 191px; } #Header .searchBox .button { border-color: #125D43; height: 20px; width: 23px; text-indent: -9999px; background: #000 url(/SiteData/Root/SiteImages/sicl_headSearchBoxBtnBg.gif) no-repeat 50% 50%; } /* -phone */ #Header .phoneNum, #Header .accountLink { float: right; display: block; margin-bottom: 0.545em; } #Header .phoneNum { height: 18px; width: 164px; text-align: left; text-indent: -9999px; background: url(/SiteData/Root/SiteImages/sicl_headPhoneBg.png) no-repeat right top; } /* -account */ #Header .accountLink { clear: right; padding-left: 11px; color: #FFF; text-transform: capitalize; background: url(/SiteData/Root/SiteImages/sicl_headArwBullet.gif) no-repeat left 50%; } /* -web links */ #Header .webFuntionButtons { clear: right; } #Header .webFuntionButtons a { float: right; display: block; height: 19px; width: 19px; text-align: left; text-indent: -9999px; } #Header .feed { background: url(/SiteData/Root/SiteImages/sicl_feedIcon.gif) no-repeat 50% 50%; } #Header .bookmark { margin-right: 9px; background: url(/SiteData/Root/SiteImages/sicl_bookmarkIcon.png) no-repeat 50% 50%; } /* -Navigation */ #Navigation { position: relative; margin-bottom: 8px; height: 28px; font-size: 1.2em; background: #000 url(/SiteData/Root/SiteImages/sicl_navBg.jpg) no-repeat left top; } #Navigation ul { margin: 0; padding: 0; list-style: none; } #Navigation ul li { float: left; } #Navigation ul li a { float: left; border-left: solid 1px #575757; border-right: solid 1px #333; height: 28px; width: 123px; color: #FFF; font-weight: bold; line-height: 28px; text-align: center; background-position: -1px -28px; background-repeat: no-repeat; } #Navigation ul li .rootNavigationTab0 { border-left: none; width: 121px; background-image: url(/SiteData/Root/SiteImages/sicl_navActiveBg01.jpg); } #Navigation ul li .rootNavigationTab1 { width: 125px; background-image: url(/SiteData/Root/SiteImages/sicl_navActiveBg02.jpg); } #Navigation ul li .rootNavigationTab2 { background-image: url(/SiteData/Root/SiteImages/sicl_navActiveBg03.jpg); } #Navigation ul li .rootNavigationTab3 { background-image: url(/SiteData/Root/SiteImages/sicl_navActiveBg04.jpg); } #Navigation ul li .rootNavigationTab4 { background-image: url(/SiteData/Root/SiteImages/sicl_navActiveBg05.jpg); } #Navigation ul li .rootNavigationTab5 { background-image: url(/SiteData/Root/SiteImages/sicl_navActiveBg06.jpg); } #Navigation ul li .rootNavigationTab6 { border-right: none; background-image: url(/SiteData/Root/SiteImages/sicl_navActiveBg07.jpg); } #Navigation ul li a.active { background-position: -1px top; } /* -Breadcrumb */ #SubNavigation { margin-bottom: 8px; padding-bottom: 22px; font-size: 1.2em; background: url(/SiteData/Root/SiteImages/sicl_subNavigationBgTile.gif) repeat-x left bottom; } #SubNavigation p { padding: 0; } #SubNavigation .CmsColumn { margin-bottom: -29px; } #Sheet #SubNavigation .CmsColumnEdit { margin-bottom: 0 !important; } #SubNavigation .breadcrumb { display: block; border-bottom: solid 1px #125E44; height: 15px; line-height: 15px; padding: 7px 10px; color: #FFF; /*background: #598E7C url(/SiteData/Root/SiteImages/sicl_breadcrumbBg.jpg) repeat-x left top;*/ } #SubNavigation .breadcrumb a { color: #FFF; } /* =CONTENT LAYOUT ----------------------------------------------------*/ #Content { /* be very careful about adding position relative here (or to any elements within) as it may seriously effect the popForm in IE6 */ /*margin-bottom: 1.818em;*/ margin-bottom: 0.727em; width: 873px; min-height: 350px; } /* Containers */ #LeftContainer { float: left; width: 618px; } #RightContainer { float: right; padding-right: 8px; width: 640px; } /* Homepage */ #MLT { /*margin-bottom: 1.818em;*/ margin-bottom: 0.727em; padding: 0 4px 4px 4px; background-color: #CCC; } #MLM { margin-bottom: 0.727em } .hpContent #MLM { margin-bottom: 0.364em; } #MLB, #MB { margin-bottom: 0; } #MLM, #MLB { padding: 0 8px 0 4px; } #MLMT { /*margin-bottom: 1.455em;*/ margin-bottom: 0.727em; } #MLML, #MLMM, #MLMR, .spacer { float: left; width: 196px; } .spacer { width: 9px; } /* hompage & testimonials */ #MLBL, #MLBR, #MMTL, #MMTR, #MMBL, #MMBR { float: left; width: 297px; } #MMTL, #MMTR, #MMBL, #MMBR { width: 300px; margin-bottom: 1.909em } #MLBR, #MMTR, #MMBR { float: right; } /* 3 Column */ /*#MT .CMSColumnEdit { margin-bottom: 1.545em; }*/ #ColumnMain3Col #MT { /*margin-bottom: 1.545em;*/ } #Content .col3Banner #MT { margin-bottom: 1.909em; } #ML { float: left; width: 428px; } .hpContent #ML, .col3Study #ML { width: 100%; } #ColumnMain3Col #ML { margin-top: 1em; } #Sheet .col3Banner #ML { margin-top: 0; } #ColumnRight { float: right; width: 193px; } #ColumnMain3Col #ColumnRight { /*margin-top: -1.455em;*/ } #Content .col3Banner #ColumnRight { margin-top: 0; } .hpContent #ColumnRight { padding: 4px; width: 242px; background-color: #CCC; } /* Testinmonials */ /* text */ .text { padding: 0 10px; } #MLB .text { padding: 4px; background-color: #CCC; } /* LeftColumn */ #ColumnLeft { float: left; padding: 7px 0 0 8px; width: 200px; } /* =FOOTER ----------------------------------------------------*/ #Footer { position: relative; padding: 8px; width: 857px; background-color: #125E44; color: #FFF; } /* Copywrite notice */ #Footer .copyrightNotice { font-size: 1.2em; line-height: 1em; } #Footer .copyrightNotice span { float: right; } #Footer .copyrightNotice a { color: #FFF; padding: 0 12px 0 8px; background: url(/SiteData/Root/SiteImages/sicl_headArwBullet.gif) no-repeat left 50% } /* IUK Link */ #InternovaLogo { float: right; padding: 0 12px 8px 0; width: 200px; /* this font size must be kept consistant */ color: #FFF; font-size: 10px; text-align: right; } #InternovaLogo a { color: #FFF; text-decoration: none; } /* =MODULES ----------------------------------------------------*/ /* Site Navigation - Incorrect capitalised class name here */ .SiteNavigation { margin-bottom: 1.5em; } .SiteNavigation ul, .sideColumn .linkList ul, .cloud .cLTPanel ul, .cBtnLinks ul { margin: 0; padding: 0; list-style: none; } .SiteNavigation ul li a { padding-left: 24px; } /* -Parent of current node styling (top level) */ #Content .SiteNavigation li.CurrentParent a.CurrentParent, #Content .SiteNavigation li.Current a.Current { color: #C00; background: url(/SiteData/Root/SiteImages/sicl_siteNavActiveIcon.gif) no-repeat 3px 50%; } /* -Current node styling (second level) */ #Content .SiteNavigation ul ul li.Current a.Current { } /* --Left and right columns */ .sideColumn .SiteNavigation, .sideColumn .linkList { margin-bottom: 1em; } .sideColumn .SiteNavigation li, .sideColumn .linkList li { background: url(/SiteData/Root/SiteImages/sicl_siteNavBgTile.gif) repeat-x left bottom; } .sideColumn .SiteNavigation li a, .sideColumn .linkList li a { display: block; padding: 3px 0 4px 24px; line-height: 1.364em; color: #000; background: url(/SiteData/Root/SiteImages/sicl_siteNavIcon.gif) no-repeat 3px 50%; } .sideColumn .SiteNavigation ul ul li, .sideColumn .linkList ul ul li { background: none; } .sideColumn .SiteNavigation ul ul li a, .sideColumn .linkList ul ul li a { border: none; padding-bottom: 3px; background: none; } /* link list */ .linkList { } /* Site Map */ .siteMap { margin-bottom: 1em; } .siteMap ul { list-style-type: disc !important; } .siteMap ul ul { padding-bottom: 0; } .siteMap .productUL { margin-left: 0; list-style: none; } .siteMap .productUL ul { margin-left: 0; } /* Search Results */ .shopResults, .contentResults, .newsResults { margin-bottom: 1em; } #Content .shopResults h1, #Content .contentResults h1, #Content .newsResults h1 { border: none; margin-bottom: 1em; padding-left: 0; font-size: 1em; line-height: 1em; background: none; } .pagerLinks { margin-bottom: 1em; text-align: right; } .pagerLinks .currentPage, .galleryPager { color: #C00; } .next, .previous { } .userPageSize { float: left; margin-bottom: 1em; } .searchResultsList { margin-left: 1.5em; } .searchResultsList li { margin-bottom: 1em; padding-left: 0; } .contentResults a { font-weight: bold; line-height: 2em; } .searchHighlight { font-style: italic; } .featuredResult { margin-bottom: 1em; } .featuredResult .productListingImage img { float: left; margin-left: 4px; } .featuredResult .productType { display: block; } .featuredResult .productButtons, .featuredResult .productType, .featuredResult .productListingName, .featuredResult .productListingPrice { margin-left: 88px; } .featuredResult .productListingPrice { margin-bottom: 0.5em; } #Content .featuredResult .buyBtn { width: 44px; } .itemsPerPage { margin: -32px 0 7px 0; text-align: right; } /* Pager Sorting ( CategoryDisplay & Search Results ) */ .pager { margin-bottom: 1em; text-align: right; } .pager .pgCntrl { padding-left: 10px; } .pager .next { margin-left: 5px; } .pager .backLink { } .pagerSort { margin-bottom: 1em; } /* This measure is based on text size & should be adjusted if the overall font size changes */ .pagerSort select { margin-bottom: 5px; } .pagerSort .pageSize { float: left; } .pagerSort .sortBy { float: right; } /* Breadcrumb */ .breadcrumb { } .breadcrumb a { } /* FAQ */ .FAQ .FAQQuestion * { font-weight: bold; text-decoration: underline; } .FAQ .FAQQuestion p { padding-bottom: 1em; } .FAQ .FAQAnswer { display: none; } /* SearchBox */ .searchBox { } .searchBox .textbox, .searchBox .clear-on-focus, .searchBox .button { float: left; margin-bottom: 5px; } .searchBox .textbox, .searchBox .clear-on-focus { width: 140px; } #Content .searchBox .button { position: relative; left: 3px; width: 31px; } /* AdminPanel */ .AdminPanel { border: dashed 1px #F00; padding: 4px; color: #000; background-color: #FFF; } .AdminPanel h2 { color: #000; } .CheckBoxList { border: none; border-collapse: collapse; } .CheckBoxList tr td { margin: 0; padding: 0; } /* SWF Object */ .swfObject { text-align: center; } #ML object, #ML .swfObject { margin-bottom: 1.545em; } .hpContent #ColumnRight object, .hpContent #ColumnRight .swfObject { margin-bottom: 4px; } /* =SHOP FORMS ----------------------------------------------------*/ /* Standard Forms */ .shopForm, .compactShopForm, .shopConditions { position: relative; padding-bottom: 12px; } .shopConditions { position: static; border-top: none; padding: 12px 0; text-align: center; background-color: #FFF; } .shopFormButtons { position: relative; padding-bottom: 12px; } /* -for side columns */ .sideColumn .shopForm, .subColumn .shopForm, .sideColumn .shopFormButtons, .subColumn .shopFormButtons { border: none; margin: 0; padding: 0; background: none; } /* Assuming the Main Left of a 3 Column Layout */ .shopForm label { float: left; display: block; margin-bottom: 2px; padding-right: 5px; width: 121px; font-weight: bold; text-align: right; cursor: default; } .shopForm .textbox, .shopForm .textarea, .shopForm .dropdown, .shopForm .dropdownlist, .shopForm .clear-on-focus, .shopForm .fileupload, .shopForm .holder { float: left; margin-bottom: 5px; width: 172px; } /* because IE fails to render the dropdown at the correct height */ *:first-child+html .shopForm .dropdown, *:first-child+html .shopForm .dropdownlist { margin-bottom: 3px; } .shopForm label span { position: absolute; left: 306px; } .shopForm .pCode { width: 80px !important; } .shopForm .dropdown, .shopForm .dropdownlist { width: 176px; } .shopForm .addressBtn { margin-bottom: 5px; } .shopForm .checkbox { position: relative; left: -4px; float: left; margin: -2px 0; } .shopForm .checkboxLabel { float: left; width: 151px; } .shopForm .forgottenPasswordLink { display: block; line-height: 1em; margin: 0 0 6px 126px; } .shopFormButtons { padding-left: 126px; text-align: left; } /* Variation based on Layout */ /* 2Column */ #ColumnMain2Col .shopForm label { /*width: 199px;*/ width: 183px; } #ColumnMain2Col .shopForm .textbox, #ColumnMain2Col .shopForm .textarea, #ColumnMain2Col .shopForm .dropdown, #ColumnMain2Col .shopForm .dropdownlist, #ColumnMain2Col .shopForm .clear-on-focus, #ColumnMain2Col .shopForm .fileupload, #ColumnMain2Col .shopForm .holder { width: 240px; } #ColumnMain2Col .shopForm label span { /*left: 462px;*/ left: 436px; } #ColumnMain2Col .shopForm .dropdown, #ColumnMain2Col .shopForm .dropdownlist { width: 244px; } #ColumnMain2Col .shopForm .checkboxLabel { width: 219px; } #ColumnMain2Col .shopForm .forgottenPasswordLink { margin-left: 188px; } #ColumnMain2Col .shopFormButtons { padding-left: 188px; } /* Side Columns */ .sideColumn .shopForm label { margin-bottom: 0; padding-right: 0; text-align: left; width: 170px; } .sideColumn .shopForm .textbox, .sideColumn .shopForm .textarea, .sideColumn .shopForm .dropdown, .sideColumn .shopForm .dropdownlist, .sideColumn .shopForm .clear-on-focus, .sideColumn .shopForm .fileupload { width: 166px; } .sideColumn .shopForm .holder { width: 100%; margin-bottom: 0; } .sideColumn .shopForm label span { left: 168px; } .sideColumn .shopForm .dropdown, .sideColumn .shopForm .dropdownlist { width: 170px; } .sideColumn .shopForm .checkboxLabel { width: 145px; } .sideColumn .shopForm .forgottenPasswordLink { margin-left: 0; width: auto; } .sideColumn .shopFormButtons .button { float: right; } /* Form validation */ .validationList { border: solid 1px #B82424; margin-bottom: 1em; padding: 11px 9px; color: #333 !important; font-weight: bold; background-color: #FFF; } #Content .validationList ul { margin: 0.5em 0 1em 1.5em; padding: 0; font-weight: normal; } /* Warnings */ .warningBox { border: solid 1px #CCC; margin-bottom: 1em; padding: 11px 9px; color: #333 !important; background-color: #EEE; } .warningBox p { padding-bottom: 0; } .warningBox ol { margin: 0.5em 0 0.5em 2em; padding: 0; font-weight: normal; list-style-type: decimal; } .warningBox ol li { line-height: 2em; } .warningBox ol li .button { position: relative; float: right; /* keep an eye on this if the button text height changes */ margin: -21px 0; } /* Edit Address Form */ .editAddress .shopTableButtons { margin-bottom: 3px; } .editAddress .returnLink { display: block; float: right; } .editAddress .shopTable .btnCol { width: 80px; text-align: center; } .editAddress .shopTable .btnCol .button { margin: 0 auto 5px auto; } .editAddress .shopTable .editAddressBtn, .editAddress .shopTable .removeAddressBtn { width: 64px; } .editAddress .shopFormButtons .button { float: left; } #Content .editAddress .saveAddressBtn, #Content .editAddress .cancelBtn { padding-left: 4px; padding-right: 4px; } #Content .shopForm .useAddressBtn, #Content .shopForm .cancelAddressBtn { float: right; margin-bottom: 1em; } #Content .editAddress .cancelBtn, #Content .shopForm .useAddressBtn { margin-left: 5px; } /* Lost Password Form */ #Content .lostPassword .sendPasswordBtn, #Content .lostPassword .backBtn, #Content .lostPassword .loginBtn { width: 120px; } .lostPassword .shopFormButtons { } /* Currency Selector Form */ .currencySelector { } .sideColumn .currencySelector label { margin-bottom: 3px; } .currencySelector .holder .button { float: right; -moz-border-radius: 0; border-radius: 0; } /* Customer Login Form (specifically for the side columns) */ .customerLogin { } .sideColumn .customerLogin h2 { font-size: 1em; } .sideColumn .customerLogin .upgradeBtn { margin-right: 5px; } .customerLogin .linkList ul { margin-left: 0; } .customerLogin .linkList ul li { list-style: none; } /* Create Customer Form */ #Content .shopForm .enterManuallyBtn { width: 156px; } #Content .warningBox .upgradeAccountBtn, #Content .warningBox .continueAsGuestBtn, #Content .warningBox .reEnterBtn, #Content .warningBox .emailPasswordBtn { width: 126px; } /* NewsLetter Sign Up Form */ .newsLetterSignup { } .newsLetterSignup .signUpBtn { } /* Edit Password Form */ #Content .changePassword { } label.passwordStrengthWarning { display: block; border: solid 1px #000; padding: 1px 3px 2px 3px; color: #000; background-color: #FFF; } /* Edit Account Form */ .editAccountDetails { } /* Save Basket Form */ .saveBasket .saveCartBtn { } /* Write Review Form */ .writeReview .ratingControl { margin-bottom: 5px; } .writeReview .returnBtn { float: right; } #Content .writeReview .returnBtn { padding-left: 5px; padding-right: 5px; } .ratingStar { display: block; margin: 0; padding: 0; height: 12px; width: 13px; font-size: 0; background-repeat: no-repeat; cursor: pointer; } .readOnly { cursor: default; } .filledRatingStar { background: url(/SiteData/Generic/SiteImages/RatingStars/FilledStar.gif) no-repeat left top; } .emptyRatingStar { background: url(/SiteData/Generic/SiteImages/RatingStars/EmptyStar.gif) no-repeat left top; } .savedRatingStar { background: url(/SiteData/Generic/SiteImages/RatingStars/SavedStar.gif) no-repeat left top; } /* Contact Form */ #Content .contactForm { margin-bottom: 1em; } #Content .contactForm .button { } /* =SHOP MODULES ----------------------------------------------------*/ /* Shop SearchBox */ .shopSearchBox { } /* for batch buy display only */ .categoryDisplay .shopTableButtons { float: right; } .featuredProduct { width: 100%; } .featuredProduct .productImg { float: left; } .featuredProduct h2 { display: block; border: none; visibility: visible; } .featuredProduct h2 a { color: #000; text-decoration: none; } .featuredProduct .productDesc { float: right; width: 186px; } .featuredProduct .productPrice { display: block; margin-bottom: 1em; } #Content .featuredProduct .buyBtn { width: 44px; } /* Product Listing & Feature Listing Modules */ .productList { margin-bottom: 1.5em; } .productRow { float: left; width: 100%; } .productListing, .placeHolder, .featureListing { float: left; width: 102px; } .productListing .productContainer { margin-bottom: 1.5em; } #Content .productSpacer { float: left; width: 10px; } .unavailableProduct { background-color: #F5A0A0; } .productListing .static, .featureContainer { margin-top: 0; } /* -New productListingImage structure (with preloader) */ .productListingImage { display: block; margin-bottom: 0.5em; text-align: center; overflow: hidden; } .productListingImage .preLoader { display: none; margin: 25px auto 0 auto; } .productListingImage img { } .productListingName, .productListing .productType, .productListingPrice, .productListingDesc, .productListingCode { display: block; margin-bottom: 5px; font-size: 1em; font-weight: bold; text-decoration: none; } .productListingDesc { font-weight: normal; } #Content .productListing h3 { margin-bottom: 0; } .productListing .productButtons { margin-bottom: 0; } #Content .productListing .buyBtn, #Content .productListing .removeBtn, #Content .productListing .browseBtn { float: right; } #Content .productListing .removeBtn { position: relative; right: 5px; } /* Batch Buy (new functionality) */ .batchContainer { margin-bottom: 1em; } .batchContainer .productImg { float: left; width: 100px; } .batchContainer .productImg .enlargeImgBtn { } .batchContainer .productListingImage img { } .batchContainer .shopTable { /* based on small image size */ margin-left: 105px; } .batchContainer .shopTable th.nameCol { /* hide this unless required (the title takes up too much space) */ white-space: normal; text-indent: -9999px; } .batchContainer .shopTable .qtyHolder, .product .shopTable .qtyHolder { width: 32px; } .batchContainer .shopTable .buyCol, .product .shopTable .buyCol { width: 72px; } .batchContainer .shopTable .moreCol, .product .shopTable .moreCol { width: 80px; padding-right: 0; } .nameCol .optName, .nameCol .optDesc { display: block; } .nameCol .optDesc { font-weight: normal; } /* - Corrects the problem with * span */ .batchContainer .shopTable th.qtyCol, .product .shopTable th.qtyCol { text-indent: -4px; } .batchContainer .shopTable .qtyCol, .product .shopTable .qtyCol { width: 48px; } .batchBuyBtn { width: 92px !important; } /* Alternating Product Listings Styles */ #Content .alternateFirst, #Content .alternateSecond { float: none; } .alternateFirst .productListingImage { float: left; padding-right: 10px; } .alternateSecond .productListingImage { float: right; padding-left: 10px; } #Content .alternateFirst .productButtons .button, #Content .alternateSecond .productButtons .button { float: left; } /* Featured Products Module */ #Content .featuredProducts { } #Content .featuredProducts .productListing { } #Content .featuredProducts h3 { } #Content .featuredProducts .productListingPrice { } #Content .featuredProducts .productListingCode { } #Content .featuredProducts .productListingImage img { } #Content .productListingBriefDesc { display: block; } #Content .productListingBriefDesc:after { content: "..."; } #Content .featuredProducts .productListing .buyBtn { } #Content .featuredProducts .productListing .browseBtn { } /* Favourite Listing / Related Products / Recent Products Modules */ #Content .relatedProducts { margin-bottom: 1em; } #Content .favouriteProducts .productListing, #Content .relatedProducts .productListing, #Content .recentlyViewedProducts .productListing { width: 102px; } #Content .relatedProducts h2 { } /* MiniBasket Module */ .miniBasket { } .miniBasket p { padding-bottom: 1em; font-weight: bold; } .miniBasket span { } .miniBasket .button { float: right; } /* RegisterLink Module */ .registerLink { } #Content .registerLink .button { float: right; } /* Product Module */ .product { } .product h1 { } .product .productImg { float: left; margin-bottom: 1em; /* - whatever the large product image size is */ width: 224px !important; } .productImg .enlargeImgBtn { } /* -New main image structure */ .productImg .mainImage { position: relative; margin-bottom: 1em; text-align: center; } .productImg .mainImage .preloader { display: none; position: absolute; } .product .productImg img { } /* -New thumbnail structure */ .productImg .moreImages { } .productImg .thumbRow { float: left; width: 100%; } .productImg .thumbRow img, .productImg .thumbSpacer { float: left; margin-bottom: 0; } .productImg .thumbSpacer { width: 10px; } /* -- */ .productDetails { float: right; margin-bottom: 1em; width: 204px; } .productDetails label { display: block; margin-bottom: 2px; } .productDetails select { margin-bottom: 6px; width: 132px; } #Content .productDetails .buyBtn, #Content .productDetails .buyBtnDisabled { margin-bottom: 1em; width: 60px; } .product .productPrice, .product .productType, .product .productCode { display: block; margin-bottom: 0.5em; font-weight: bold; /*line-height: 1.2em;*/ } .productLinklist ul { margin: 0; padding: 0; list-style: none; } .productPrice span { } span.oldPrice { text-decoration: line-through; } span.newPrice { color: #B82424; } .productDescription { clear: both; display: block; float: left; width: 100%; } /* -Popup Window */ .popupBackground { background-color: #666; filter: alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.6; } .closeWinBtn { float: right; margin-bottom: 0.5em; padding: 0 21px 0 4px; height: 18px; font-weight: normal; line-height: 18px; color: #666; text-decoration: none; background: url(/SiteData/Root/SiteImages/ic_closeBtnIcon.gif) no-repeat right 50%; } /* -Pop form ( Send To A Friend ) */ .popForm { width: 300px; background-color: #FFF; } .popForm .shopForm, .popForm .shopConditions { background-color: #FFF; border: none; } .popForm label { display: block; float: none; text-align: left; } .popForm .shopForm .textbox, .popForm .shopForm .textarea, .popForm .shopForm .clear-on-focus { width: 274px; } .popForm .shopConditions { padding-top: 0; text-align: left; } .popForm .shopFormButtons .button { float: right; } /* -Write Review */ .ratingHolder { margin-bottom: 5px; } /* -Product Reviews */ .productReviews { margin-bottom: 1em; } #Content .productReviews .review { margin-bottom: 1em; } #Content .productReviews p { margin-bottom: 0; } #Content .productReviews .name, #Content .productReviews .location, #Content .productReviews .date { display: inline; margin-bottom: 1em; font-weight: bold; } .writeReviewBtn { float: right; } /* -Product Promotions */ .productPromotions { margin-bottom: 1em; } .productPromotions .promotion { } .productPromotions h2 { } .productPromotions img { } /* Payment */ .payment { margin-bottom: 1em; color: #333; background-color: #EEE; } .payment .shopForm .monthDd { margin-right: 5px; width: 40px; } .payment .shopForm .yearDd { width: 40px; } #Content .payment h3 { margin: 0 -10px 1em -10px !important; } #Content .paymentMethodButtons { padding: 0 0 1em 0; } .paymentMethodButtons p { padding: 0; } .payment .shopFormButtons .button { float: right; } /* Top Sellers Module */ .topSellers { margin-bottom: 1em; } .topSellers ol { } .topSellers ol li { } .topSellers a { } .topSellers .productImage { } .topSellers .productName { } .topSellers .productPrice { } .topSellers .viewLink { } /* =SHOP TABLES ----------------------------------------------------*/ .shopTable { margin-bottom: 1em; } .shopTable table { width: 100%; } .shopTable table table td { padding: 0; } .shopTable table table .subProductTotal { padding-left: 10px; } .shopTable .nameCol a { font-weight: bold; } .shopTable ul { margin: 0; padding: 0; list-style-type: none; } .shopTable td { padding: 12px 10px; vertical-align: middle; background-color: #EEE; } #Content .shopTable .subHeadRow th { color: #FFF; font-size: 1em; font-weight: bold; background-color: #AAA; } .savedCarts .shopTable th { white-space: normal; } .shopTable .imageCol { width: 100px; } .shopTable .qtyCol, .shopTable .removeCol, .shopTable .priceCol { text-align: center !important; } .shopTable .qtyCol { width: 110px; } .shopTable .removeCol { width: 60px; } .shopTable .priceCol { width: 80px; } .shopTable td.qtyCol { border-left: solid 1px #FFF; border-right: solid 1px #FFF; } .shopTable td.qtyCol .textbox { float: left; padding: 4px 2px; height: 14px; width: 28px; line-height: 1.167em; } .shopTable .qtyHolder { margin: auto; width: 53px; } .shopTable span.QuantityAdjust a { clear: right; float: right; display: block; margin-bottom: 2px; height: 11px; width: 11px; color: #FFF; font: 11px/9px Verdana, Arial, Sans-Serif; text-align: center; text-decoration: none; background-color: #C10000; } /* discount column */ #Content .shopTable .discountCol { text-align: center !important; } #Content .savedCarts .reloadCartBtn { padding-left: 5px; padding-right: 5px; } .shopTable .totalRow td { padding: 6px 10px; color: #333; text-align: right; background-color: #FFF; } #Content .shopTable .discountRow td, #Content .basketShipping, #Content .addAddressRow td { background: none; background-color: #FFF; } #Content .shopTable .updateQuantityRow td { border-top: solid 1px #FFF; padding-top: 11px; } /* vertical-align all elements in this row */ .updateQuantityRow td * { vertical-align: middle; } #Content .addAddressRow .button { float: right; } #Content .addAddressRow .saveDefaultAddressBtn { margin-left: 10px; } /* -Sub Items */ .shopTable .subItem .imageCol { background: url(/SiteData/Root/SiteImages/ic_subProductIndentImg.gif) no-repeat 50% 50%; } .shopTable .subItem .imageCol img { display: none; } .shopTable tbody .parentItem td { padding-bottom: 0; } .shopTable tbody .subItem td { padding-top: 0; padding-bottom: 0; } tr.subItem td.nameCol a { margin-left: 20px; font-weight: normal; } /* Basket (includes show & display baskets) */ .basket { margin-bottom: 1em; } #MainTop .basket { margin-bottom: 0; } .basket table { empty-cells: hide; } #Content .basket .shopTableButtons .button { float: left; margin-right: 10px; } .displayBasket .shopTable .qtyCol, .displayBasket .shopTable .priceCol { /* in the display basket the qtyAdjust buttons do not appear */ width: auto; } #Content .shopTableButtons .continueBtn { } #Content .shopTableButtons .saveBtn { } #Content .basket .shopTableButtons .checkoutBtn { float: right; margin-right: 0; } #Content .shippingTitleRow td, #Content .shippingRow td, #Content .shippingRow table td { background-color: #F4F4F4; } #Content .shippingTitleRow td, #Content .shippingRow td { padding: 6px 10px; font-weight: bold; } #Content .shippingRow td { padding-top: 0; font-weight: normal; } #Content .shippingRow table { padding: 0; } #Content .shippingRow table td { padding: 0; vertical-align: top; background: none; } #Content .shippingRow table input { } /* CustomerOrders Table */ .customerOrders { } .customerOrders .shopTableButtons { margin-bottom: 0.5em; } .customerOrders .backLink { display: block; float: right; } .customerOrders .shopTable table { /* AL - keep an eye on this, not good to marginilse tables */ margin-bottom: 0.5em; } .customerOrders .makePaymentBtn { float: right; } /* Address Table & Receipt */ .shopAddress { margin-bottom: 1em; } .shopAddress p { padding-bottom: 0; } .shopAddressButtons { padding: 0 10px 12px 10px; background-color: #EEE; } #Content .shopAddressButtons .button { float: right; } /* - Reciept */ .receipt { margin-bottom: 1em; } .receipt .addresses { width: 100%; } .receipt .invoiceAddressTable, .receipt .deliveryAddressTable { float: left; width: 356px; } .receipt .deliveryAddressTable { float: right; } .receipt .shopTable { margin-bottom: 0; } .receipt .totals { font-weight: bold; text-align: right; } #Content .receiptCreateFullAccount { width: 356px; color: #333; background-color: #EEE; } #Content .receiptCreateFullAccount .shopForm, #Content .receiptCreateFullAccount p { padding: 0 10px; } .receiptCreateFullAccount h3 { } .receiptCreateFullAccount .shopForm label { width: 132px; } .receiptCreateFullAccount .shopForm .textbox { width: 158px; } .receiptCreateFullAccount .shopFormButtons { padding-left: 144px; } .receiptCreateFullAccount .button { width: 120px; } .receiptCreateFullAccount .shopForm label span { left: 308px; } /* =NEWS ----------------------------------------------------*/ /* A general class effecting everything used in an article */ .articleElement { } /* -Article Image */ .articleImgHolder { margin-bottom: 1em; width: 100%; overflow: hidden; } /* - Author info */ .author { border: solid 1px #CCC; margin-bottom: 1em; padding: 10px; /*line-height: 1.5em;*/ background-color: #EEE; } .author img { display: block; float: left; border: solid 1px #CCC !important; } #Content .author h1 { font-size: 1em; border: none; } .author h1 span { display: inline; margin: 0; font-style: italic; } .author span { display: block; margin-right: 10px; } /* assumes 60 x 60 author image */ .author span, .author h1 { margin-left: 72px; } .author p { padding-bottom: 0.5em; } /* -Article Title */ .articleTitle { } /* -Article First Line */ .articleFirstLine { } /* -Article Date */ .articleDate { display: block; margin-bottom: 1em; color: #333; font-weight: bold; /*line-height: 1em;*/ } /* -Story */ .story { margin-bottom: 1em; } .articleExpLink { display: block; border-bottom: solid 2px #DDD; margin-bottom: 0.5em; padding: 2px 5px; height: 18px; color: #FFF; font-weight: bold; /*line-height: 18px;*/ background-color: #999; } .articleExpLink img { float: right; margin-top: 2px; } .articleExpLink:hover { background-color: #AAA; cursor: pointer; } /* -Article Credits */ .articleMoreInfo { border-bottom: solid 1px #CCC; margin-bottom: 1em; } .articleMoreInfo h3 { margin-bottom: 0; color: #333; } .articleMoreInfo p { font-style: italic; } /* -Related Articles */ .relatedArticles { margin-bottom: 5px; } /* -Related Links */ .relatedLinks { margin-bottom: 5px; } .relatedLinks p { } /* News Listing (NN System) */ .newsListing { margin-bottom: 1.5em; } .newsListing h2 { } .newsItem { margin-bottom: 1em; } .newsItem img { float: left; margin-bottom: 1em; } .newsItem h3, .newsItem .summary, .newsItem .nIFoot { margin-left: 130px; } #Content .newsItem h3 { margin-bottom: 0.5em; text-transform: none !important; } .newsItem .summary { padding-bottom: 0.5em; } .newsItem .nIFoot { line-height: 1em; } .newsItem .date { border-right: 1px solid #999; padding-right: 8px; color: #999; font-style: italic; } .newsItem .moreNewsLink { margin-left: 10px; } /* Archive Date Tree */ .archiveDateTree { } .archiveDateTree ul { list-style: disc; } /* HP Main Articles (HP) */ .mainArticles { padding: 0 1px 1px 1px; color: #FFF; position: relative; background-color: #125E44; } .mainArticles .holder, .mainArticles .articleItem { overflow: hidden; /*height: 307px;*/ /*height: 335px;*/ height: 313px; width: 240px; } .mainArticles .imgHolder { display: block; } .mainArticles .articleTitle { display: block; margin-bottom: 0; padding: 8px; color: #FFF; font-size: 1.091em; word-spacing: -0.091em; font-weight: bold; line-height: 1em; background: #125E44 url(/SiteData/Root/SiteImages/sicl_modTitleBg.jpg) no-repeat 50% top; } .mainArticles .summary, .mainArticles .panelButtons { padding: 0 8px 4px 8px; } .mainArticles .summary p { padding-bottom: 1em; } /* =EVENTS & JOURNAL ----------------------------------------------------*/ /* Events Display */ .eventsListing { margin-bottom: 1.5em; } .eventsItem { margin-bottom: 1.5em; } .eventsListing h2 { } #Content .eventsItem h3 { margin-bottom: 0; } .eventsItem .summary { padding-bottom: 0.5em; } .eventsItem .eIFoot { line-height: 1em; } .eventsItem .date { float: left; display: block; border-right: 1px solid #999; padding-right: 10px; color: #999; font-style: italic; } .eventsItem .eventLink { margin-left: 10px; } /* Event */ .event { margin-bottom: 1.5em; } .eventTitle { } #Content .event .date { display: block; margin-bottom: 1em; font-weight: bold; } /* Journal */ .journalSummary, .journalLatest { margin-bottom: 1.5em; } /* Journal Table */ .journalItem { margin-bottom: 1em; } .journalItemAlt { } #Content .journalItem h3 { margin-bottom: 0; } .journalItem .summary { padding-bottom: 0.5em; } .journalItem .date { color: #999; font-style: italic; } .journalSummary .journalSummaryButtons .button { float: right; } /* journal entry */ .journalEntry { margin-bottom: 1.5em; } .journalEntryTitle { } #Content .journalEntry .date { display: block; margin-bottom: 1em; font-weight: bold; } /* =FORUM ----------------------------------------------------*/ .forum { margin-bottom: 1em; } .forum .breadcrumb { padding-bottom: 0.5em; } /* Forum tables */ .forumTableItem td { } .forumTableAlternateItem td { background-color: #DDD; } .forum .shopTable .starterCol, .forum .shopTable .topicsCol, .forum .shopTable .postsCol, .forum .shopTable .repliesCol, .forum .shopTable .viewsCol { text-align: center; } .forum .shopTable td.starterCol, .forum .shopTable td.topicsCol, .forum .shopTable td.postsCol, .forum .shopTable td.repliesCol, .forum .shopTable td.viewsCol { border-left: solid 1px #FFF; border-right: solid 1px #FFF; } .forum .shopTable td.postsCol, .forum .shopTable td.viewsCol, .forum .shopTable td.repliesCol { border-left: none; } /* Show Messages */ .forum .forumMessageItem, .forum .forumMessageAlternateItem { margin-bottom: 1em; } .forum .forumMessagePoster .editedBy { float: right; font-style: italic; font-weight: normal; } .forum .forumMessage { border: solid 1px #CCC; border-top: none; padding: 12px 9px 11px 9px; background-color: #FFF; } .forumMessageButtons .button { float: left; margin: 6px 5px 0 0; } .forum .forumPostButtons { margin-bottom: 1em; } .replyMessageBtn, .newTopicBtn { float: right; } /* Post Messages */ .forum .shopFormButtons .button { float: left; } .forum .cancelMessageBtn { margin-left: 5px; } /* =BROWSER FIXES ----------------------------------------------------*/ /* Height Fixes (for IE6 & 7 - review later) */ .invoiceAddressTable, .textImgHolder, #ColumnMain3ColCheckout, .deliveryAddressTable, .linkList li, .customerLogin, .shopFormButtons, .registerLink, .miniBasket, .shopForm, .shopAddressButtons, .productReviews, .productLinklist ul li, .shopTableButtons, .validationList ul li, .shopTable .totalRow td, #Content .basketShipping, .addAddressRow td, .productList, .productContainer, .relatedProducts, .productPromotions, .productReviews, .SiteNavigation li a, .shopTable .qtyHolder, .pagerSort, .productListing .productContainer, .featuredProducts, .productListing .productButtons, #Content, .author, .story, #Footer, .SiteNavigation li, .searchBox, .forum .forumMessagePoster, .productImg .moreImages, .warningBox, .webFuntionButtons, #MLT, #MLM, #MLB, .text, #SubNavigation, h1 { height: 1%; } /* Safari Only */ @media screen and (-webkit-min-device-pixel-ratio:0) { .button[type]{ line-height: 14px !important; } /* this levels up buttons with input fields */ .updateQuantityRow .button[type], .shopForm .addressBtn[type], .searchBox .button[type] { line-height: 15px !important; } .headerNav { height: 1%; } } /* =LIGHTBOX ----------------------------------------------------*/ /* jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.4.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.4 * @date November 17, 2007 * @category jQuery plugin * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay { display: none; position: absolute; left: 0; top: 0; z-index: 9996; height: 500px; width: 100%; color: #666; } #jquery-lightbox { display: none; position: absolute; left: 0; top: 0; z-index: 9997; width: 100%; line-height: 0; text-align: center; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; margin: 0 auto; height: 250px; width: 250px; background-color: #FFF; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; left: 0; top: 40%; height: 25%; width: 100%; line-height: 0; text-align: center; } #lightbox-nav { position: absolute; left: 0; top: 0; z-index: 10; height: 100%; width: 100%; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none; } #lightbox-nav-btnPrev, #lightbox-nav-btnNext { display: block; height: 100%; width: 49%; zoom: 1; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { margin: 0 auto; padding: 0 10px; width: 100%; /* Change this depending on the base font family */ font: 11px Arial, Helvetica, sans-serif; line-height: 1.091em; /* -- */ background-color: #FFF; overflow: auto; } #lightbox-container-image-data { padding: 0; color: #666; } #lightbox-container-image-data #lightbox-image-details { float: left; width: 60%; text-align: left; } #lightbox-image-details-caption { display: block; padding-bottom: 1em; font-weight: bold; } #lightbox-image-details-currentNumber { clear: left; display: block; /* this just shifts the counter up a line */ margin-top: -1em; padding-bottom: 1em; } #lightbox-secNav-btnClose { height: 16px; width: 101px; float: right; } #map { position: relative; overflow: hidden; } #zoomer { position: absolute; height: 250px; width: 250px; opacity: 0.85; overflow: hidden; } #imgMover { position: absolute; } .ui-tabs-hide { display: none; } .enlarge { z-index: 999; } /* Panel Slider Styles (to be integrated) */ .scrollPanel { } #MLT .scrollPanel { position: relative; top: -6px; margin-bottom: -6px; } .scrollPanel ul { position: relative; margin: 0; padding: 0; height: 190px; width: 610px; list-style: none; overflow: hidden; } .scrollPanel li { float: left; background: none; padding: 0; /* We set the width/height explicitly. No width/height causes infinite loops. */ height: 190px; width: 610px; } .scrollPanelButtons .button { float: left; } /* * The buttons are added dynamically by jCarousel before * the