/* KISSITES SITE-WIDE STYLESHEET //////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////// This document contains all the necessary styles for the KISSites website. The document is split into numerous style sections: /// SS01: Override styles - styles that override base (x)html elements. /// SS02: Unique Styles - styles for unique ID objects /// SS03: Combination Styles - styles that combine to make reflexive classes /// SS04: Anchor & Link Styles - styles that redesign links, anchors etc. /////////////////////////////////////////////////////////////// //////////////////////////////////////////////////////////////////////////////////// */ /* SS01: OVERRIDE STYLES //////////////////////////////////////////////////////////////// /////////////////////////////////////////// */ body, html { background-color: #ec2028; background-repeat: repeat; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: Arial, sans-serif; font-size:14px; color:black; } ul, ol { list-style-type: square; font-size:16px; margin-top:5px; margin-bottom:5px; } li { padding-bottom:5px; } .Main_Column p { padding: 0px 8px 0px 0px; } /* /////////////////////////////////////////// /Override //////////////////////////////////////////////////////////////// */ /* SS02: SPECIFC STYLES //////////////////////////////////////////////////////////////// /////////////////////////////////////////// */ .ContentTable { width:814; height:100%; background:#393f44; } .ContentContainer { background:#393f44; width:100%; height:100%; color:black; } .Main_Column { background:white; width:496px; text-align:left; vertical-align:top; } .Main_Column .FAQLink, .Main_Column a, .Main_Column a:link { color:black; } .Sub_Column { background: url(../images/gunmetal.jpg) top right repeat #69757E; text-align:left; vertical-align:top; color:white; } .Sub_Column .contentsubheading, .Sub_Column .headingstyle1, .Sub_Column table, .Sub_Column table td, .Sub_Column h1 { color:white; } .BG_GunMetal { background:#393f44; } .BG_LightBlue { background:#69757E; border-left:1px solid black; } .BG_White { background:white; } .headerText { font-family: Arial, sans-serif; font-size:11px; color:white; } .footerText { font-family: Arial, sans-serif; font-size:11px; color:#BBBBBB; } .headerTextBold { font-family: Arial, sans-serif; font-size:12px; color:white; font-weight:bold; } .bodytext { font-family: Arial, sans-serif; color:black; padding: 0px 8px 0px 0px; } a.bodytext { padding: 0px; } .tabletext { font-family: Arial, sans-serif; color:black; } .dropDownContainer { border:1px solid white; border-top:none; background:#000000; width:170px; padding:2px 3px 2px 6px; } .dropDownContainergallery { border:1px solid white; border-top:none; background:#000000; width:91px; padding:2px 3px 2px 6px; } .dropDownLinkContainer { padding-top:0px; } .dropDownLink { font-family: Arial, sans-serif; font-size:14px; color:#white; display:block; cursor:hand; width:100%; height:20px; } .heading { font-family: Arial, sans-serif; font-size:15px; color:#000000; } .contentsubheading { font-family: Arial, sans-serif; font-size: 14px; font-weight:bold; color: black; } a.contentsubheading:link { font-family: Arial, sans-serif; font-size: 14px; font-weight:bold; color: black; text-decoration:underline; } a.contentsubheading:visited { font-family: Arial, sans-serif; font-size: 14px; font-weight:bold; color: black; text-decoration:none; } a.contentsubheading:hover { font-family: Arial, sans-serif; font-size: 14px; font-weight:bold; color: black; text-decoration:underline; } .contentlink { font-family: Arial, sans-serif; font-size: 14px; color: black; } .headingstyle1, h1 { font-family: Arial, sans-serif; font-size: 18px; font-weight:bold; color: black; } .packages { font-family: Arial, sans-serif; font-size: 14px; color: black; } a.packages:link { font-family: Arial, sans-serif; font-size: 14px; color: black; text-decoration:none; } a.packages:visited { font-family: Arial, sans-serif; font-size: 14px; color: black; text-decoration:none; } a.packages:hover { font-family: Arial, sans-serif; font-size: 14px; color: black; text-decoration:none; } .FootnoteText { font-family: Arial, sans-serif; font-size:12px; color:black; } .contentblack { font-family: Arial, sans-serif; font-size:14px; color:#666666; text-decoration:none; } .FAQAnswer { border:1px solid #d5c9be; border-left:none; border-right:none; margin:0px 15px 15px 15px; padding:4px; } .FAQTitle { font-weight:bold; margin-bottom:8px; } .FAQBody { margin:0px 0px 0px 20px; } .FAQReturn { color:black; text-align:right; } .FAQList { margin:0px; font-size:14px; font-family:arial, sans-serif; } div.FAQAnswer:target /* This changes the colour of targetted items in the Tech Terms page */ { background:#d1dfea; } #specialsPopup { text-align:middle; margin-left:95px; width:475px; top:100px; position:absolute; } /* /////////////////////////////////////////// /Specific //////////////////////////////////////////////////////////////// */ /* SS03: COMBINATION STYLES //////////////////////////////////////////////////////////////// /////////////////////////////////////////// */ .bulletsgreen, .bulletsred, .bulletsblue { color:black; } .italic { font-style:italic; } .w70 { width:100px; display:inline-block; } .marginB10 { margin-bottom:10px; } .spacer { clear:both; } /* /////////////////////////////////////////// /Combo //////////////////////////////////////////////////////////////// */ /* SS04: ANCHOR AND LINK STYLES //////////////////////////////////////////////////////////////// /////////////////////////////////////////// */ a.footerLink:link { font-family: Arial, sans-serif; font-size:11px; color:#BBBBBB; text-decoration:none; } a.footerLink:visited { font-family: Arial, sans-serif; font-size:11px; color:#BBBBBB; text-decoration:none; } a.footerLink:hover { font-family: Arial, sans-serif; font-size:11px; text-decoration:underline; color:#CCCCCC; } a.bodytextlinks:link { font-family: Arial, sans-serif; font-size:14px; color:#FFFFFF; text-decoration:underline; } a.bodytextlinks:visited { font-family: Arial, sans-serif; font-size:14px; color:#FFFFFF; text-decoration:underline; } a.bodytextlinks:hover { font-family: Arial, sans-serif; font-size:14px; color:#FFFFFF; text-decoration:underline; } a.dropDownLink:link { font-family: Arial, sans-serif; font-size:12px; color:white; text-decoration:none; } a.dropDownLink:visited { font-family: Arial, sans-serif; font-size:12px; color:white; text-decoration:none; } a.dropDownLink:hover { font-family: Arial, sans-serif; font-size:12px; color:#ec2028; text-decoration:none; } a.contentlink:visited { font-family: Arial, sans-serif; font-size: 14px; color: black; text-decoration:none; } a.contentlink:hover { font-family: Arial, sans-serif; font-size: 14px; color: black; text-decoration:underline; } a.contentlink:link { font-family: Arial, sans-serif; font-size: 14px; color: black; text-decoration:underlined; } a.FootnoteText:link { font-family: Arial, sans-serif; font-size:11px; color:black; text-decoration:underline; } a.FootnoteText:visited { font-family: Arial, sans-serif; font-size:11px; color:black; text-decoration:none; } a.FootnoteText:hover { font-family: Arial, sans-serif; font-size:11px; color:black; text-decoration:underline; } a.FAQLink:link, .FAQLink { color:black; font-weight:normal; text-decoration:underline; } a.FAQLink:active, .FAQLink:active { opacity:0.8; } .Sub_Column a:link, .Sub_Column a:link:visited, .Sub_Column a:link:hover, .Sub_Column a:link:active, .Sub_Column a { color:white; } /* /////////////////////////////////////////// /Anchors //////////////////////////////////////////////////////////////// */ .tablebgbrown{ background: #dfdfdf; } .tablebgdarkbrown { background: #efefef; }