[pnm]

All I really want to change is the top part of my site, ie: above the search line, compared with the rest of the background. I'm only using the standard xcart templates, nothing fancy yet.

Hope you can help.


Ok here is my CSS code:-

BODY,DIV,TH,TD,P,INPUT,SELECT,TEXTAREA,TT {
FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
COLOR: #550000; FONT-SIZE: 12px;
}
A:link {
COLOR: #330000; TEXT-DECORATION: none;
}
A:visited {
COLOR: #330000; TEXT-DECORATION: none;
}
A:hover {
COLOR: #550000; TEXT-DECORATION: underline;
}
A:active {
COLOR: #330000; TEXT-DECORATION: none;
}
H1 {
FONT-SIZE: 12px;
}
H2 {
FONT-SIZE: 12px;
}
H3 {
FONT-SIZE: 12px;
}
HR {
COLOR: #DDDDDD; HEIGHT: 1px;
}
BODY {
MARGIN-TOP: 0 px; MARGIN-BOTTOM: 0 px; MARGIN-LEFT: 0 px; MARGIN-RIGHT: 0 px;
BACKGROUND-COLOR: #ffffff;background-image:url(images/bkgroundpic.gif);
}
.HeadBox {
BACKGROUND-COLOR: #FBDFFF;
}
.HeadText {
FONT-SIZE: 13px; FONT-WEIGHT: bold;
}
.HeadLine {
BACKGROUND-COLOR: #FFFFFF;<!--This colours the search line -->
}
.VertMenuBox {
BACKGROUND-COLOR: #FFFFFF;<!-- Inside the menu boxes -->
}
.VertMenuBorder {
BACKGROUND-COLOR: #6600cc;<!--Borders around the boxes -->
}
.VertMenuTitle {
BACKGROUND-COLOR: #87CEFA <!--Background of Box Title-->; COLOR: #ffffff;<!--this is the font colour area--> FONT-WEIGHT: bold;
}
.VertMenuItems{
COLOR: #330000; TEXT-DECORATION: none;
}
.VertMenuItems:link {
COLOR: #330000; TEXT-DECORATION: none;
}
.VertMenuItems:visited {
COLOR: #330000; TEXT-DECORATION: none;
}
.VertMenuItems:hover {
COLOR: #550000; TEXT-DECORATION: underline;
}
.VertMenuItems:active {
COLOR: #330000; TEXT-DECORATION: none;
}
.VertMenuHr {
COLOR: #FFFFFF;
}
.CategoriesList {
FONT-SIZE: 12px;
}
.DialogBox {
BACKGROUND-COLOR: #FFFFFF;<!--inside featured section-->
}
.DialogBorder {
BACKGROUND-COLOR: #6600cc;<!--Border of featured products-->
}
.DialogTitle {
COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 11px;
}
.NumberOfArticles {
COLOR: #000000; FONT-WEIGHT: bold;
}
.TopLabel {
COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.Text {
COLOR: #000000;
}
.DecorTr {
COLOR: #20B892;
}
.AdminSmallMessage {
COLOR: #FF3300;
}
.AdminTitle {
COLOR: #FF3300; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.Line {
BACKGROUND-COLOR: #ffffff;
}
.ProductTitle {
COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductTitleHidden {
COLOR: #666666; FONT-WEIGHT: bold; FONT-SIZE: 11px;
}
.ProductDetailsTitle {
COLOR: #FF3300; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductDetails {
COLOR: #000000;
}
.ProductPriceTitle {
COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductPriceConverting {
COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductPrice {
COLOR: #FF3300; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductPriceSmall {
COLOR: #FF3300; FONT-WEIGHT: bold;
}
.MarketPrice {
FONT-SIZE: 14px; FONT-FAMILY: Times New Roman;
}
.ItemsList {
COLOR: #330000; FONT-WEIGHT: bold;
}
#Disabled {
COLOR: #909090;
}
.NavigationPath {
COLOR: #CC6666; FONT-WEIGHT: bold; TEXT-DECORATION: none;
}
.NavigationPath:link {
COLOR: #CC6666; FONT-WEIGHT: bold; TEXT-DECORATION: underline;
}
.NavigationPath:visited {
COLOR: #CC6666; FONT-WEIGHT: bold; TEXT-DECORATION: underline;
}
.NavigationPath:hover {
COLOR: #CC6666; FONT-WEIGHT: bold; TEXT-DECORATION: none;
}
.NavigationPath:active {
COLOR: #CC6666; FONT-WEIGHT: bold; TEXT-DECORATION: underline;
}
.FormButton {
COLOR: #330000; FONT-WEIGHT: bold;
}
.Button {
FONT-FAMILY: Arial;
BACKGROUND: URL(images/butbg.gif);
BACKGROUND-COLOR: #9966ff;
COLOR: #FFFFFF; FONT-WEIGHT: bold;
FONT-SIZE: 12px;
TEXT-DECORATION: none;
}
.CustomerMessage {
COLOR: #FF3300; FONT-WEIGHT: bold;
}
.ErrorMessage {
COLOR: #FF3300; FONT-WEIGHT: bold;
}
.Star {
COLOR: #FF0000;
}
.HighLight {
BACKGROUND-COLOR: #FFFFCC;
}
.SaveMoneyLabel {
COLOR: #FFFFFF; FONT-WEIGHT: bold;
}
.TableHead {
BACKGROUND-COLOR: #CCCCCC; FONT-WEIGHT: bold;
}
.TableSubHead {
BACKGROUND-COLOR: #EEEEEE;
}
.TableLine {
BACKGROUND-COLOR: #F0F0F0;
}
.SmallNote:link {
COLOR: #7C4C00; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.SmallNote:visited {
COLOR: #7C4C00; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.SmallNote:hover {
COLOR: #7C4C00; TEXT-DECORATION: underline; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.SmallNote:active {
COLOR: #7C4C00; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.SmallText {
COLOR: #7C4C00; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.Bottom {
BACKGROUND-COLOR: #ffffff;--#cc66ff#FFD44C-- COLOR: #ffffff--#9966FF#8E4B00;
}
.Tab {
BACKGROUND-COLOR: #FFD44C; change color of tabs
FONT-WEIGHT: bold; FONT-COLOR: #ffffff;
TEXT-TRANSFORM: uppercase;text: #FFFFFF; FONT-WEIGHT: bold;
FONT-SIZE: 11px;

}
.CatMenuItemOff
{
BACKGROUND-COLOR: transparent; /* like "VertMenuBox" */
BORDER-RIGHT: none; /* like "VertMenuBox" */
BORDER-TOP: none; /* like "VertMenuBox" */
BORDER-LEFT: none; /* like "VertMenuBox" */
BORDER-BOTTOM: none; /* like "VertMenuBox" */
MARGIN-BOTTOM: 1px;
MARGIN-TOP: 1px;
MARGIN-LEFT: 2px;
MARGIN-RIGHT: 3px;
CURSOR: pointer;
}
.CatMenuItemOffExp
{
BACKGROUND-COLOR: transparent; /* like "VertMenuBox" */
BORDER-RIGHT: none; /* like "VertMenuBorder" */
BORDER-TOP: none; /* like "VertMenuBorder" */
BORDER-LEFT: none; /* like "VertMenuBorder" */
BORDER-BOTTOM: none; /* like "VertMenuBorder" */
MARGIN-BOTTOM: 1px;
MARGIN-TOP: 1px;
MARGIN-LEFT: 2px;
MARGIN-RIGHT: 3px;
CURSOR: pointer;
}
.CatMenuItemOn
{
BACKGROUND-COLOR: #FF8600; /* like "VertMenuTitle" */
BORDER-RIGHT: 1px solid #FF8600; /* like "VertMenuBorder" */
BORDER-TOP: none; /* like "VertMenuBorder" */
BORDER-LEFT: none; /* like "VertMenuBorder" */
BORDER-BOTTOM: none; /* like "VertMenuBorder" */
MARGIN-BOTTOM: 1px;
MARGIN-TOP: 1px;
MARGIN-LEFT: 2px;
MARGIN-RIGHT: 3px;
CURSOR: pointer;
}
.CatSubMenu
{
BACKGROUND-COLOR: <!--#FFD44C***-->#cc66ff; /* like "VertMenuBox" */
BORDER-RIGHT: #8E4B00 1px solid; /* like "VertMenuBorder" */
BORDER-TOP: #8E4B00 1px solid; /* like "VertMenuBorder" */
BORDER-LEFT: #8E4B00 1px solid; /* like "VertMenuBorder" */
BORDER-BOTTOM: #8E4B00 1px solid; /* like "VertMenuBorder" */
MARGIN-LEFT: 1px;
MARGIN-RIGHT: 2px;
}
.CatMenuItem
{
FONT-SIZE: 12px;
FONT-FAMILY: Arial;
CURSOR: pointer;
}
.CatMenuItem:link
{
COLOR: #330000; /* like "VertMenuItems" */
}
.CatMenuItem:visited
{
COLOR: #330000; /* like "VertMenuItems" */
}
.CatMenuItem:hover
{
COLOR: #330000; /* like "VertMenuTitle" */
}
.CatMenuItem:active
{
COLOR: #330000; /* like "VertMenuItems" */
}
.NavDialogTitle {
font-size: 11px;
font-weight: bold;
color: #9966ff;<!--#330000;-->
}
.NavDialogBorder {
background-color: #9966ff<!--#FFCC33-->;
}
.NavDialogBox {
background-color: #FFFFCC;
}
.PopupHelpLink {
FONT-SIZE: 9px;
COLOR: #330000;
TEXT-DECORATION: none;
}
.SubHeader2 {
COLOR: #666666;
font-size: 11px;
FONT-WEIGHT: bold;
}
.SubHeader2Line {
BACKGROUND-COLOR: #CCCCCC;
}
.HightLightRow {
BACKGROUND-COLOR: #B0B0B0;
font-weight: bold;
}
.HightLightEqualRow {
BACKGROUND-COLOR: #ffe8af;
}
.VertMenuSubTitle {
BACKGROUND-COLOR: #FFA92F;
}
.SpecialOffersPrice {
COLOR: #FF3300; FONT-WEIGHT: bold; FONT-SIZE: 14px;
}