/* Floralsynergy.co.uk Website CSS Document */ body { background-color: #FFFFFF; } .hidden { display:none !important; } .datetime { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 10pt; font-weight: bolder; font-style: normal; color: #FFFFFF; text-align: center; } .sepOn { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bolder; font-style: normal ; color: #000000 } .sepOff { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bolder; font-style: normal ; color: #fee02c } .headertext { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; color: #000000; } .headertextwhite { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #FFFFFF; font-weight:bold; } .headertextgreen { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; color: #00FF00; } .headertextblue { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; color: #000099; } .headertextpurple { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; color: #c500c5; } .webstatscounterfigures { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; color: #006600; } .textcookies { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 11px; color: #000000; text-align: justify; } .text { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 14px; color: #FFFFFF; text-align: justify; } .textbold { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 14px; color: #FFFFFF; text-align: justify; } .limegreenotext { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 14px; color: #00FF00; text-align: justify; } .limegreentext { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 14px; color: #00FF00; text-align: justify; } .limegreentextcenter { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 14px; color: #00FF00; text-align: center; } .limegreentextbold { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 16px; color: #00FF00; text-align: center; font-weight: bold; } .textitalic { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: italic; color: #000000; text-align: justify; } .textlinks { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: justify; } .textunderline { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color: #000000; text-align: justify; text-decoration: underline; } .textcopyright { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #FFFFFF; text-align: center; } .textphotocopyright { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #000000; text-align: center; } .textphotocaptions { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #000000; text-align: center; } .textboldgreen { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; font-weight: bold; color: #00FF00; text-align: justify; } .textboldblue { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; font-weight: bold; color: #000099; text-align: justify; } .textboldorange { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; font-weight: bold; color: #FF9900; text-align: justify; } .textbold { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; font-weight: bold; color: #000000; text-align: justify; } .textboldwhite { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; font-weight: bold; color: #FFFFFF; text-align: justify; } .textboldslide { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color: #000000; text-align: center; } .textboldred { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; font-weight: bold; color: #FF0000; text-align: justify; } #mainindextable { background-image:url(/images/frontpage/backgroundwmark.jpg); background-repeat : no-repeat; } #watermarktablegalleries { background-image:url(/images/frontpage/backgroundwmarkgalleries.jpg); background-repeat : no-repeat; } #watermarktablegallerieslarge { background-image:url(/images/frontpage/backgroundwmarkgallerieslarge.jpg); background-repeat : no-repeat; } #watermarktable { background-image:url(/images/frontpage/backgroundwmark.jpg); background-repeat : no-repeat; } .shiftcontainerland{ position: relative; left: 5px; /*Number should match -left shadow depth below*/ top: 5px; /*Number should match -top shadow depth below*/ width: 20px; /* container width*/ } .shiftcontainerlandphoto{ position: relative; left: 92px; /*Number should match -left shadow depth below*/ top: 5px; /*Number should match -top shadow depth below*/ width: 204px; /* container width*/ } .shadowcontainerland{ width: 190px; /* container width*/ background-image: url(/includes/galleries/shadowland.png); } .shadowcontainerland .innerdiv{ /* Add container height here if desired */ background-color: white; border: 1px solid gray; padding: 6px; position: relative; left: -5px; /*shadow depth*/ top: -5px; /*shadow depth*/ } .shadowcontainerlandphoto{ width: 214px; /* container width*/ } .shadowcontainerlandphoto .innerdiv{ /* Add container height here if desired */ background-color: white; border: 1px solid gray; padding: 6px; position: relative; left: -5px; /*shadow depth*/ top: -5px; /*shadow depth*/ } .shiftcontainerport{ position: relative; left: 5px; /*Number should match -left shadow depth below*/ top: 5px; /*Number should match -top shadow depth below*/ width: 20px; /* container width*/ } .shiftcontainerportphoto{ position: relative; left: 92px; /*Number should match -left shadow depth below*/ top: 5px; /*Number should match -top shadow depth below*/ width: 204px; /* container width*/ } .shadowcontainerport{ width: 164px; /* container width*/ background-image: url(/includes/galleries/shadowport.png); } .shadowcontainerport .innerdiv{ /* Add container height here if desired */ background-color: white; border: 1px solid gray; padding: 6px; position: relative; left: -5px; /*shadow depth*/ top: -5px; /*shadow depth*/ } .shadowcontainerportphoto{ width: 164px; /* container width*/ } .shadowcontainerportphoto .innerdiv{ /* Add container height here if desired */ background-color: white; border: 1px solid gray; padding: 6px; position: relative; left: -5px; /*shadow depth*/ top: -5px; /*shadow depth*/ } td.homepagemiddleimage { background-image:url(../../images/frontpage/centreimage.jpg); background-repeat : no-repeat; } td.homepagtopleftimage { background-image:url(../../images/frontpage/Purplewire.jpg); background-repeat : no-repeat; } td.homepagtoprightimage { background-image:url(../../images/frontpage/Wireflowerposy.jpg); background-repeat : no-repeat; } td.homepagebottomleftimage { background-image:url(../../images/frontpage/VintagePosy1.jpg); background-repeat : no-repeat; } td.homepagebottomrightimage { background-image:url(../../images/frontpage/Carmen1.jpg); background-repeat : no-repeat; } .tableheader { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #000000; background-color: #FFFF99; } .tablelist1 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #000000; background-image:url(../../images/tablelist1background.png); background-repeat : repeat-y; } .tablelist2 { BACKGROUND: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; } #maintable { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; background-color: #FFFFFF; } #submaintable { background-color: #FFFFFF; padding-left: 2px; } #sectionmenuoptions { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #006600; border-left-color: #000000; background-color: #ffffff; } #submaintable2 { } #pagelink:link {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight:bold; COLOR: #00FF00; text-decoration: none} #pagelink:visited {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight:bold; COLOR: #ff00ff; text-decoration: none} #pagelink:active {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight:bold; COLOR: #00FF00; text-decoration: none} #pagelink:hover {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight:bold; COLOR: #CC9933; text-decoration: none } #pagelink2:link {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight:bold; COLOR: #00FF00; text-decoration: none} #pagelink2:visited {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight:bold; COLOR: #ff00ff; text-decoration: none} #pagelink2:active {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight:bold; COLOR: #00FF00; text-decoration: none} #pagelink2:hover {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight:bold; COLOR: #CC9933; text-decoration: none } #cookieslink:link {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight:bold; COLOR: #ff00ff; text-decoration: none} #cookieslink:visited {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight:bold; COLOR: #ff00ff; text-decoration: none} #cookieslink:active {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight:bold; COLOR: #ff00ff; text-decoration: none} #cookieslink:hover {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight:bold; COLOR: #CC9933; text-decoration: none } #tablelink:link {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight:bold; COLOR: #000000; text-decoration: none} #tablelink:visited {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight:bold; COLOR: #000000; text-decoration: none} #tablelink:active {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight:bold; COLOR: #006633; text-decoration: none} #tablelink:hover {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight:bold; COLOR: #CC9933; text-decoration: none } #bookmarklink:link { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 9pt; font-weight:bold; COLOR: #00FF00; text-decoration: none} #bookmarklink:visited { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 9pt; font-weight:bold; COLOR: #00FF00; text-decoration: none} #bookmarklink:active { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 9pt; font-weight:bold; COLOR: #00FF00; text-decoration: none} #bookmarklink:hover { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 9pt; font-weight:bold; COLOR: #FFFFFF; text-decoration: none } #emaillink:link { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 9pt; font-weight:bold; COLOR: #00FF00; text-decoration: none} #emaillink:visited { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 9pt; font-weight:bold; COLOR: #ff00ff; text-decoration: none} #emaillink:active { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 9pt; font-weight:bold; COLOR: #ff00ff; text-decoration: none} #emaillink:hover { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 9pt; font-weight:bold; COLOR: #FFFFFF; text-decoration: none } .whiteimageborder { border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #FFFFFF; border-right-color: #FFFFFF; border-bottom-color: #FFFFFF; border-left-color: #FFFFFF; } #navlist { position: relative; } #navlist li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; } #navlist li, #navlist a { height: 30px; display: block; } #home { left: 0px; width: 140px; background-image: url(../../images/menu/home.png); background-position: 0 0; } #aboutus { left: 140px; width: 140px; background-image: url(../../images/menu/aboutus.png); background-position: 0 0; } #wedding { left: 280px; width: 140px; background-image: url(../../images/menu/wedding.png); background-position: 0 0; } #sympathy { left: 420px; width: 140px; background-image: url(../../images/menu/sympathy.png); background-position: 0 0; } #floralart { left: 560px; width: 140px; background-image: url(../../images/menu/floralart.png); background-position: 0 0; } #contact { left: 700px; width: 140px; background-image: url(../../images/menu/contact.png); background-position: 0 0; } #workshops { left: 840px; width: 140px; background-image: url(../../images/menu/workshops.png); background-position: 0 0; } #home a:hover { background-image: url(../../images/menu/home.png); background-position: 0 -31px; } #aboutus a:hover { background-image: url(../../images/menu/aboutus.png); background-position: 140px -31px; } #wedding a:hover { background-image: url(../../images/menu/wedding.png); background-position: 280px -31px; } #sympathy a:hover { background-image: url(../../images/menu/sympathy.png); background-position: 420px -31px; } #floralart a:hover { background-image: url(../../images/menu/floralart.png); background-position: 560px -31px; } #contact a:hover { background-image: url(../../images/menu/contact.png); background-position: 700px -31px; } #workshops a:hover { background-image: url(../../images/menu/workshops.png); background-position: 840px -31px; } body#homepage li#home a { background-image: url(../../images/menu/homeselected.png); background-position: 0 -31px; } body#aboutuspage li#aboutus a { background-image: url(../../images/menu/aboutusselected.png); background-position: 140px -31px; } body#weddingpage li#wedding a { background-image: url(../../images/menu/weddingselected.png); background-position: 280px -31px; } body#sympathypage li#sympathy a { background-image: url(../../images/menu/sympathyselected.png); background-position: 420px -31px; } body#floralartpage li#floralart a { background-image: url(../../images/menu/floralartselected.png); background-position: 560px -31px; } body#contactpage li#contact a { background-image: url(../../images/menu/contactselected.png); background-position: 700px -31px; } body#workshopspage li#workshops a { background-image: url(../../images/menu/workshopsselected.png); background-position: 840px -31px; } #hidelink { display: none; } a.logo_rollovertohold:link, .logo_rollovertohold{ width:140px; height:28px; display:block; background-image: url(../../images/menu/tohold.png); } a.logo_rollovertohold:hover{ width:140px; height:28px; display:block; background-image: url(../../images/menu/toholdselected.png); } a.logo_rollovertowear:link, .logo_rollovertowear{ width:140px; height:28px; display:block; background-image: url(../../images/menu/towear.png); } a.logo_rollovertowear:hover{ width:140px; height:28px; display:block; background-image: url(../../images/menu/towearselected.png); } a.logo_rollovertodecorate:link, .logo_rollovertodecorate{ width:140px; height:28px; display:block; background-image: url(../../images/menu/todecorate.png); } a.logo_rollovertodecorate:hover{ width:140px; height:28px; display:block; background-image: url(../../images/menu/todecorateselected.png); } #backapagelink:link { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 11pt; font-weight:bold; COLOR: #00FF00; text-decoration: none} #backapagelink:visited { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 11pt; font-weight:bold; COLOR: #00FF00; text-decoration: none} #backapagelink:active { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 11pt; font-weight:bold; COLOR: #00FF00; text-decoration: none} #backapagelink:hover { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 11pt; font-weight:bold; COLOR: #FFFFFF; text-decoration: none }