CSS Help- WHMCS Integration

[<?PHP>]

Hey People,

I'm working on a project for a client of mine and he wishes for his whmcs system to be integrated into his website (Pycan.co.uk).
As i know.. WHMCS uses css for the colours... And he wants the area behind the buttons (Client area, Knowledge Base, Support tickets) to be white, to match his website.

He also wants the rest of the site to be gray (same colour as on site)

I was wondering if one of you guys could tell me the code that i add to do this and where to put it (quote, then edit the code i need into it)

Thanks In Advance
Danny

/* CSS Basic Document */
body
{
margin:0px auto;
padding:0px;
background-color:#333333;
}
.header_table
{
margin-top:6px;
}
.logo
{
margin-left:10px;
}
.body_box
{
padding:9px;
color: #5C5C5C;
background-color:#333333;
}
.header_banner
{
background:url(../images/header_banner.jpg) center top no-repeat;
height:196px;
}
.services_bg
{
background:url(../images/services_bg.gif) left top no-repeat;
height:117px;
padding:10px;
}
.services_teable
{
margin-top:8px;
margin-bottom:12px;
}
.left_line
{
border-left:1px solid #ffffff;
}
.right_line
{
border-right:1px solid #E6E6E6;
}
.bottom_line
{
border-bottom:1px solid #E6E6E6;
}
.footer_table
{
margin-bottom:25px;
}
 

/* CSS Background Image Document */
.top_line
{
background:url(../images/line_bg.jpg) left top repeat-x;
height:4px;
}
.top_menu_bg
{
background:url(../images/top_menu_bg.jpg) left top repeat-x;
height:26px;
padding-right:12px;
}
.bottom_menu_bg
{
background:url(../images/bottom_nenu_bg.jpg) left top repeat-x;
height:22px;
padding-right:13px;
}
.box_top_bg
{
background:url(../images/box_top_bg.gif) left top repeat-x;
height:32px;
}
.footer_bg
{
background:url(../images/footer_bg.gif) left top no-repeat;
height:25px;
}
 

/* CSS Text Document */
body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-style: normal;
 line-height: 14px;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 color: #5C5C5C;
 text-decoration: none;
}
.menu_link {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-style: normal;
 line-height: 26px;
 font-weight: bold;
 font-variant: normal;
 text-transform: none;
 color: #5C5C5C;
 background-color:inherit;
 text-decoration: none;
}
.menu_link:hover
{
color:#C70202;
text-decoration:none;
background-color:inherit;
}
.bottom_link {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-style: normal;
 line-height: 22px;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 color: #FFFFFF;
 background-color:inherit;
 text-decoration: none;
}
.bottom_link:hover
{
color:#C6C6C6;
text-decoration:underline;
background-color:inherit;
}
.white_text
{
color:#FFFFFF;
text-decoration:none;
background-color:inherit;
}
.body_link
{
color:#5C5C5C;
text-decoration:underline;
background-color:inherit;
}
.body_link:hover
{
text-decoration:none;
color:#212121;
background-color:inherit;
}

[Lilian]

I don't understand?

[Cixso]

http://www.pycan.co.uk/billing

to look like

http://www.pycan.co.uk

[<?PHP>]

Right... My client wants his whmcs to look like www.pycan.co.uk...

The background behind JUST the buttons (Client Area, Knowledge Base Etc) to be white...

He wants the rest of it.... To be gray (like on pycan)

But, i dont know how to do that without editing every whmcs file....
I need help
Easier?

[Lilian]

Just add the header to header.tpl and footer to footer.tpl. Its easy to interigate WHMCS.

[Cixso]

Just add the header to header.tpl and footer to footer.tpl. Its easy to interigate WHMCS.

What about the white down the sides?

[<?PHP>]

Thats what we have done...
But he wants the backgrounds to match...

[Lilian]

What you mean white down the side?

Then edit the backgroud in the CSS or add the CSS file for the template to the billing CSS.

[<?PHP>]

He want part of the template in white, the other half in gray... And we need the code to do that?

[Unpredictible.1]

Now I know who you are, you're habfm.net.

no way you can design/code looooooooool.