/*  (do not remove this :) */
/*  (not this either :) */

/* The new portlet CSS - these will be switched to non-qualified classes
   (ie. .portlet, not dl.portlet) once the old portlet layout is removed in
   Plone 2.5. ~limi */

/* color one | stand out color used for selected items*/
.mainmenu td.selected a, .mainmenu td.selected a:hover,/*mainmenu selected td bgcolor*/
.mainmenu td a:hover,/*mainmenu hover td bgcolor*/
#portal-footer,/*footer row bgcolor*/
table.table2 td,
.head,
.listingBar, /* listing bar used for gallery and product listing */
.calltoaction/* background color of important buttons used */
{
    background-color: #008FD4 !important;
}
#portal-top, /*border around the top section of the site*/
#infomenu, /*border to the left and right of the infomenu row*/
#portal-columns, /*border to the left and right of the infomenu row*/
#portal-footer,/* border left, right, btm of the footer */
.mainmenu td.selected a, .mainmenu td.selected a:hover,/*mainmenu selected td bgcolor*/
.mainmenu, /*mainmenu border bottom color*/
.quote, /* content quote style */
.services .list .image img, /* border color of images in services listing */
table#item_listing, /* border around the product listing */
.navTreeItem a, dd.portletItem .navTreeItem a, dd.portletItem .navTreeItem a:hover, dd.portletItem .navTreeItem a.selected 

{
    border-color: #008FD4 !important;
}
.portletBody strong, .portletBody p, .portletBody a, 
.component .body, .component .body p, .component .body a,
table.table1 td, table.table1 td p, table.table1 td strong, table.table1 td a, table.table1 p.h2, table.table1 h3,
table.table3 p.h2,
td.larger a,
.designedby, .designedby a, /*color of designed by addweb on footer */
.home h3, h3, table h3,/* heading 3 style */
.navTreeItem a, dd.portletItem .navTreeItem a, dd.portletItem .navTreeItem a:hover, dd.portletItem .navTreeItem a.selected, 
#item_listing .price, /* product listing price feild */
.readytobuy .price span, .readytobuy #price .price, .readytobuy #price h5, /* our price and actual price on readytobuy component */
#product_listing .categorytable a,
.services a.viewmore,
.footer a, .footer a.selected,
.bodycontent p a, .bodycontent table a, .bodycontent a
{
	color: #008FD4 !important;
}
/* color two | main color*/
.mainmenu table, /*mainmenu table bg color*/
.portlet h5, .component h5, dt.portletHeader,/* left portlet titles bg */
h1, h2, p.h2, p.table h2,/* main headings bg color */
table.table1,
#item_listing th, /* bg color of the listing headings*/
.listing th, /* shopping cart heading */
.calltoaction2 /*input buttons that are less important*/
{
	background-color: #999999 !important;
}
.login .line, .login a,/* login font color */
.portletBody a, /* portlet content color */
.bodycontent a, .bodycontent table a, .bodycontent a:visited, .home a,/*content links */
.home h1, .home table h1, h1.home, p.h1, p.table h1, /* home h1 and also heading 1 styles*/
.home h4, div#homepage-description,/* home intro color */
#item_listing .title_description h2 a,/* product listing title */
.services .list .info h2, .services .list .info h2 a, .services .list h2
 {
	color: #999999 !important;
}
.quote,
table.border,
.imglarger .img,
.terms, /* border around the scrollable terms area on the checkout page */
img.image-right, img.image-left, /* img positioning styles */
.home .list img, /* home feature images */
.listing .image img, /* border on prod category listing images */
a img,
.gallery .setsize .thumb a img, img.thumbimage, .thumbimage img
{
	border-color:#999999 !important;
}

/* color three | complimentary color*/
.portlet h5, .component h5, .portletHeader,
h1, h2, p.h2, p.table h2,/* border bottom on main headings */
.introdesc, div#homepage-description, /* border bottom on intro */
.listing th, /* border on shopping cart listing headers */
.calltoaction, .calltoaction2 /*buttons that are used for the main call to actions */
{
	border-color:#A8A9AC !important;
}

table.table1 td,
table.table2,
table.table3,
#product_listing .categorytable a /* the categories listing on the product category */
{
	background-color: #A8A9AC !important;
}
table.table2 h3,
.plus, /* the + on the image gallery listing */
.bodycontent p a:visited, .bodycontent table a:visited, .bodycontent a:visited 
 {
	color: #A8A9AC !important;
}

/* color four | subtle background color*/
#portal-column-one, #portal-column-two,/* left & right column bg color*/
table.table3 td ,
.readytobuy, .readytoenquire, /* bg color for the add to cart area on the product detail */
.contact {
	background-color:#F5F6F2 !important;
}
.introdesc, div#homepage-description,/* used for the intro description on the documents*/
#subcategories .subcategories a
 {
	background-color:#F5F6F2 !important;
}

.mainmenu /*bg color to the left of the mainmneu*/{
	background-color: transparent !important;
}
/* white color | for displaying text on top of dark bg colors */
.mainmenu td a,
.mainmenu td.selected a, .mainmenu td.selected a:hover,
.mainmenu td a:hover,
.portlet h5, .component h5,
.component h5 a,
#portal-footer,
#portal-footer a,
h1, h2, p.h2, p.table h2, p.h2 a, p.table h2 a, h1 a, h1 a.edit,
.listingBar a, .listingBar,/*gallery and product listing bar */
table.table2 td, table.table2 p.h1, table.table2 p, table.table2 a, table.table2 strong,
.portletHeader .contenttype-folder,
.portletHeader .contenttype-category,
.portletHeader .contenttype-plone-site,
.portletHeader .contenttype-document,
.portletHeader .contenttype-direct-debit-form,
.portletHeader .contenttype-contactform,
.portletHeader, .portletHeader a,
.calltoaction, .calltoaction2
 {
    color: white !important;
}

/* general content bgcolor elements */
#portal-columns {
	background-color: white;
}
/* body background-color */
body#bg
 {
	background-color: white !important;	
}
/* -------------------------------- content color -----------------------------------------------*/
p, .middlecolumn, .home p, .home table, .home table p, li, table li, table, /* all normal text on the site */
.homecontent, .home table p a, .home table a, .home a,
#item_listing .title_description, #item_listing .title_description h4, .introdesc /* product listing description area */
 {
    color:#555555;
}
/* ------------------------------------------height of the header-----------------------------------*/
.mainmenubg,
.infomenubg,
.loginbg, 
.content-wrapper 
 {
	top: 102px;/* standard is 100px */
}
#portal-top,
#logo img 
 {
	height: 122px;/* standard is 120px */
}

.searchtop {
	/*display: none;*/
}

/* ------------------------------------------ custom elements -------------------------------------*/
.mainmenu td.selected a, .mainmenu td.selected a:hover,/*mainmenu selected td bgcolor*/
.mainmenu td a:hover/*mainmenu hover td bgcolor*/ 
{
	background-color: #A8A9AC !important;
}
.mainmenu td.selected a, .mainmenu td.selected a:hover,/*mainmenu selected td bgcolor*/
.mainmenu /*mainmenu border bottom color*/
{
	border-color: #A8A9AC !important;
}
.mainmenu table /*mainmenu table bg color*/ {
	background-color:#008FD4 !important;
}
.portletBody strong, .portletBody p, .portletBody a, 
.component .body, .component .body p, .component .body a,
.footer, .footer a, .designedby, .designedby a, a.link-parent 
{
	color:#444444 !important;
}
body#bg {
	background-image:none !important; /*this allows you to have a tiling image that tiles horizontally*/
}
.services .list .info h2, .services .list .info h2 a, .services .list h2 {
	color: #008FD4 !important;
}
.home a, .home table a {
	color: #008FD4 !important;
}
.portlet h5, .component h5, .portletHeader, .introdesc,
h1, h2, p.h2, p.table h2/* border bottom on main headings */ {
	border-bottom: 1px solid #666666 !important;
}


/*  */