/***************************** PLEASE MAKE SURE YOU MAKE A BACKUP OF THE STYLE SHEET BEFORE CHANGING ANYTHING - CLICK ON THE BACKUP LINK ABOVE IF YOU CHANGE SOMETHING AND IT DOESN'T SUIT YOUR STYLE CLICK ON RESTORE TO TAKE BACK TO ORIGINAL. IF YOU DO NOT CLICK BACKUP BEFORE CHANGING - YOU CANNOT RESTORE TO ORIGINAL CURIOUS ABOUT COLORS - CLICK ON THE HEX KEY CHART LINK *****************************/ /***************************** To change your MouseOver Menu colors - this will need to be done per page. Look for this section in the section of the page - customize where I have placed <----- arrows. if(ie){ Ex = "event.x" Ey = "event.y" topColor = "#79838c" <----- subColor = "#abb4bb" <----- } if(ns){ Ex = "e.pageX" Ey = "e.pageY" window.captureEvents(Event.MOUSEMOVE) window.onmousemove=overhere topColor = "#79838c" <----- subColor = "#abb4bb" <----- *****************************/ /***************************** This is your main body Tag This controls your scroll bar look and page margins *****************************/ BODY { MARGIN-TOP: 2px; FONT-SIZE: 12px; MARGIN-LEFT: 0px; COLOR: black; MARGIN-RIGHT: 0px; MARGIN-BOTTOM: 0px; FONT-FAMILY: arial; TEXT-ALIGN: left; scrollbar-face-color: #79838c; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #79838c; scrollbar-darkshadow-color: #44535f; scrollbar-shadow-color: #44535f; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #abb4bb; } /***************************** These are default link styles Paragraphs, Body Text, etc. *****************************/ P { FONT-SIZE: 12px; COLOR: black; FONT-FAMILY: arial; } A { CURSOR: hand; COLOR: #000000; FONT-FAMILY: arial; } A:hover { CURSOR: hand; COLOR: #000000; TEXT-DECORATION: none; } /***************************** This is your main text font style Paragraphs, Body Text, etc. *****************************/ .regfont10 { font-family: Verdana; font-size: 12px; color: #44535f; text-decoration: none; } /***************************** This is your big title text Sample Location: Buy Ecommers - Your Own Store *****************************/ .regfont12 { font-family: verdana; font-size: 18px; color: #79838c; font-weight : bold; text-decoration: none; } /***************************** This is your big title text Sample Location: Company Info Title Bar *****************************/ .regfont14 { font-family: verdana; font-size: 21px; color: #44535f; font-weight : bold; text-decoration: none; } /***************************** This is your location font Sample Location: Company Info location indicator font *****************************/ .regfont9 { font-family: tahoma; font-size: 12px; color: #79838c; font-weight : bold; text-decoration: none; } /***************************** This is your title font at company info pages Sample Location: Mission Statement *****************************/ .regfont8 { font-family: tahoma; font-size: 10px; color: #44535f; font-weight : bold; text-decoration: none; } /***************************** This is your footer font style *****************************/ .footfont10 { font-family: Arial; font-size: 10px; color: #abb4bb; font-weight : bold; } /***************************** This is your background color for the pull down menus *****************************/ .pulldowns1 { background-color: #abb4bb; } /***************************** There are the 3 font controls for your drop down menus Notice - normal, visited and hover *****************************/ .dropdown { MARGIN-TOP: 0px; FONT-SIZE: 10px; MARGIN-BOTTOM: 0px; CURSOR: hand; COLOR: #000000; FONT-FAMILY: verdana; TEXT-DECORATION: none; } .dropdown:visited { FONT-SIZE: 10px; CURSOR: hand; COLOR: #000000; FONT-FAMILY: verdana; TEXT-DECORATION: none } .dropdown:hover { FONT-SIZE: 10px; CURSOR: hand; COLOR: #000000; FONT-FAMILY: verdana; TEXT-DECORATION: none; } /***************************** This is your navigational bar *****************************/ .topnavnormal { BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-WEIGHT: bold; FONT-SIZE: 10px; BORDER-LEFT: medium none; COLOR: #ffffff; BORDER-BOTTOM: medium none; FONT-FAMILY: verdana; TEXT-ALIGN: center; TEXT-DECORATION: none; } .topnavlink { FONT-SIZE: 10px; CURSOR: hand; COLOR: #ffffff; FONT-FAMILY: verdana; TEXT-DECORATION: none; } .topnavlink:visited { FONT-SIZE: 10px; CURSOR: hand; COLOR: #ffffff; FONT-FAMILY: verdana; TEXT-DECORATION: none; } .topnavlink:hover { FONT-SIZE: 10px; CURSOR: hand; COLOR: #abb4bb; FONT-FAMILY: verdana; TEXT-DECORATION: none; } /***************************** This style controls just your date line *****************************/ .topnavdate { BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-WEIGHT: bold; FONT-SIZE: 12px; BORDER-LEFT: medium none; COLOR: #44535f; BORDER-BOTTOM: medium none; FONT-FAMILY: verdana; TEXT-ALIGN: center; TEXT-DECORATION: none; } /***************************** This is the thin background color - inside tables Sample Location: The Free Stuff table on the home page *****************************/ .border1 { background-color: #79838c; } /***************************** This is thin borders Sample Location: the sub table with the logos in it *****************************/ .border2 { border-color= #79838c; border-style= solid; border-width= 1; } /***************************** This is thin borders Sample Location: thick border around right hand side table *****************************/ .border3 { border-color= #79838c; border-style= solid; border-width= 2; } /***************************** This is the main title of these tables Sample Locaiton: Free Stuff *****************************/ .maintitle1 { font-family: Verdana; font-size: 10px; background-color: #44535f; color: #ffffff; font-weight : bold; } /***************************** This is the font inside the above mentioned table Sample Locaiton: Free E-Books *****************************/ .subtitle1 { font-family: Verdana; font-size: 10px; background-color: #abb4bb; color: #44535f; font-weight : bold; } /***************************** This is the heading of the above mentioned tables Sample Locaiton: Silver Value Hosting *****************************/ .heading10 { font-family: Verdana; font-size: 13px; color: #44535f; font-weight : bold; background-color: #FFFFFF; } /***************************** This is the main blue link style Sample Location: Click Here *****************************/ .spinnblue { COLOR: #44535f; FONT-FAMILY: Verdana; FONT-SIZE: 10px; TEXT-DECORATION: none } .spinnblue:hover { COLOR: #44535f; FONT-FAMILY: Verdana; FONT-SIZE: 10px; TEXT-DECORATION: underline } /***************************** These are your Submit and Reset Buttons style *****************************/ .button { BORDER-STYLE: solid; BORDER-COLOR: #79838c; BACKGROUND-COLOR: #abb4bb; BORDER-WIDTH: 1pxl; FONT-FAMILY: Verdana; FONT-SIZE: 8pt; FONT-WEIGHT: bold; } .button2 { BORDER-STYLE: solid; BORDER-COLOR: #44535f; BACKGROUND-COLOR: #FFFFFF; BORDER-WIDTH: 1pxl; FONT-FAMILY: Verdana; FONT-SIZE: 8pt; FONT-WEIGHT: bold; } /***************************** This style controls your input fields Sample Location: First Name on order form *****************************/ .inputfields { BORDER-STYLE: solid; BORDER-COLOR: #79838c; BACKGROUND-COLOR: #e7e7e7; BORDER-WIDTH: 1pxl; FONT-FAMILY: Arial; FONT-SIZE: 7pt; } /***************************** This style controls your total line This is the auto add field on the order form *****************************/ .total { BORDER-style: solid; BORDER-COLOR: #79838c; BACKGROUND-COLOR: #FFFFFF; FONT-WEIGHT: bold; BORDER-WIDTH: 1pxl; FONT-FAMILY: Verdana; FONT-SIZE: 10pt; TEXT-ALIGN: center; } /***************************** This is the title style for your packages Sample Location: Gold Website Order Form main title *****************************/ .subtitle11 { font-family: Verdana; font-size: 13px; background-color: #abb4bb; color: #44535f; font-weight : bold; } /***************************** To edit your menu bar color you will need to create an image Goto your Resources folder on your website and download the image called menubar2_bg.gif. This is your template. Keep your image the same width and height - then upload to your site. Make sure your image name is menubar2_bg.gif or it will not replace the existing image. *****************************/