/*********************************************************************************
Default Custom Stylesheet for http://*.CorporateOffset.com

Override styles below to customise your site. You may find the "IE Developer 
Toolbar" a useful aid in design and debugging of web pages and their 
CSS styling, see http://en.wikipedia.org/wiki/IE_Developer_Toolbar for details.
**********************************************************************************/

body
{
	color: #23650B; /*default text color for whole site*/
}
#iSiteContainer
{
}
.cBanner
{
	height: 144px; /*banner height*/
}

/***********************************************************/
/* top menu and graphical images associated with the 'tabs'*/
#iTopNavContainer
{
	background: url(stylesheet_topnav_bg.gif) bottom repeat-x;
}
.cTopNav .left
{
	background: url(stylesheet_topnav_bg_left.jpg) no-repeat;
}
.cTopNav .centre
{
	background: url(stylesheet_topnav_bg_centre.jpg) repeat-x;
}
.cTopNav .right
{
	background: url(stylesheet_topnav_bg_right.jpg) no-repeat;
}
.cTopNav .sel .left  /* .sel=selected menu option*/
{
	background: url(stylesheet_topnav_fg_left.jpg) no-repeat;
}
.cTopNav .sel .centre
{
	background: url(stylesheet_topnav_fg_centre.jpg) repeat-x;
	color: #23650B;
}
.cTopNav .sel .right
{
	background: url(stylesheet_topnav_fg_right.jpg) no-repeat;
}
a.cTopNavLogin /* default image is 82x21 */
{
	background: url(stylesheet_btn_login.jpg) top left no-repeat;
	color: #FFF;
}

/***********************************************************/
/* bottom menu*/
.cBottomNav a
{
	color: #23650B;
}

/***********************************************************/
/* Footer */
#iFooter
{
	border-top: solid 1px #CBE6B0;
	font-size: 80%;
}

/***********************************************************/
/* Button styling */
.btn
{
	background: url(stylesheet_btn_bg.gif) right no-repeat;
	color: #57B700;
	font-weight: bold;
}

/***********************************************************/
/* CMS styling - content as defined by the Admin user */
#cms
{
}
#cms a  /*hyperlink*/
{
	background: url(stylesheet_btn_bg.gif) right no-repeat;
	padding-right: 13px;
	padding-left: 0;
	margin-left: 0;
	color: #57B700;
	cursor: hand;
	font-weight: bold;
	text-decoration: none;
}
#cms a:hover /*hyperlink - when mouse hovers over*/
{
}
#cms a:visited /*hyperlink - when its been visited*/
{
}
#cms hr  /*horizonal ruler*/
{
	color: #57B700;
}
#cms .subnav
{
	border-bottom: solid 1px #CBE6B0;
}
#cms .subnav a
{
	background: 0;
	margin: 0;
	padding: 0 5px;
}
#cms .cPanelBorder /* used in ~/YourCreditzProfile */
{
	border-style: solid;
	border-top-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-color: #CBE6B0;
}

/***********************************************************/
/* Home - used within CMS pages, this is the message welcoming the 
          logged on user. Usually top-right on the home page. */
#iHomeWelcome
{
	color: #23650B;
}

/***********************************************************/
/* These "Panels" usually appear on the Home/Welcome Page */
.cLayoutPanelLeft
{
	background: url(stylesheet_home_pnl_left.gif) no-repeat;
}
.cLayoutPanelRight
{
	background: url(stylesheet_home_pnl_right.gif) no-repeat;
}

/***********************************************************/
/* Basket*/
#iBasket .Error
{
	display:inline;
	color:red;
}

#iBasket .GoShopping
{
	padding: 130px 10px 10px 10px;
	height: 200px;
	background-color: #F0F0F0;
	font-size: large;
	text-align: center;
}

#iBasket .HeaderRow .Title
{
	color: #00CC00;
}
#iBasket .HeaderRow .Total
{
	color: #57B700;
}

#iBasket .ItemRow /*basket row*/
{
	border-color: #008000;
}
#iBasket .ItemRow .LinkButton
{
	color: #00CC00;
}

#iBasket .FooterRow /*basket footer*/
{
	border-width: 1px;
	border-color: #008000;
}
#iBasket .FooterRow .BasketTotal
{
	color: #57B700;
	font-weight: bold;
}

/***********************************************************/
/*listing of order history, typically seen after an order has 
been placed*/
#iOrderList th
{
	border-bottom-color: #008000;
}
#iOrderList hr
{
	color: darkgreen;
}