/*
###===========================================================================
#
# Copyright (c) 2006 by Computors Limited. All Rights Reserved.
#
# No part of this publication or software may be reproduced, transmitted,
# transcribed, stored in a retrieval system, or translated into any
# language without the prior written authorization of Computors Limited.
#
# This is a licensed product of Computors Limitied.
#
# File CSS    : cm.css
#
# Description : Main Cascading Style Sheet for Content Management
#
#-----------------------------------------------------------------------------
# History
# Version   Date     Author      Comments
# --------  -------  ----------  ---------------------------------------------
# 01.00.00  02Jun06  A.D.Smith   Initial Version.
#
#-----------------------------------------------------------------------------
# NOTES
#
#
#
###===========================================================================
### Site Specific
###---------------------------------------------------------------------------
### - CSS specific to the site that cannot be standardised.
### - Prefix any names with a site specific lable.
###===========================================================================
*/


/*
###===========================================================================
### Top Level Menu
###===========================================================================
*/

.TOPNAV_Menu_Area {
    float: left;
    clear: left;
    text-align: left;
    width: 346px;
}
.TOPNAV_Section_Level_1 {
    float: left;
    clear: left;
    height: 23px;
    list-style-type: none;
    display: inline;
    margin: 0px 5px 0px 10px;
    padding: 0px;
}
.TOPNAV_Item_Level_1 {
    float: left;
    clear: none;
    text-align: center;
    margin: 0px;
    padding: 0px 0px 0px 0px;
}
a.TOPNAV_Link_1:link,
a.TOPNAV_Link_1:visited,
a.TOPNAV_Link_1:hover,
a.TOPNAV_Link_1.active {
    float: left;
    text-transform: uppercase;
    height: 23px;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    color: #6D6D6D;
    padding: 5px;
    display: block;
    margin: 5px 0px 0px 0px;
	  border-width: 0px;
}
a.TOPNAV_Link_1:hover {
    color: #FFFFFF;
    background-color: #E64B49;
	  border-width: 0px;
}
a.TOPNAV_Link_1_Current:link,
a.TOPNAV_Link_1_Current:visited,
a.TOPNAV_Link_1_Current:hover,
a.TOPNAV_Link_1_Current:active {
    text-transform: uppercase;
    height: 23px;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    color: #FFFFFF;
    background-color: #E64B49;
    padding: 5px;
    display: block;
    margin: 5px 0px 0px 0px;
  	border-width: 0px;
}




.XCMC_Section_Level_2 {
    background-color: #A64A4E;
    padding: 10px 0px 0px 0px;
    margin: 0px;
}

.XCMC_Section_Level_3 {
    background-color: #bb6f72;
    padding: 10px 0px 0px 0px;
    margin: 0px;
    list-style-type: none;
}

A.XCMC_Link_1:link, A.XCMC_Link_1:visited, A.XCMC_Link_1:active, A.XCMC_Link_1:hover {
    color: #F2D2D0;
    padding: 5px 0px 5px 5px;
    text-decoration: none;
    display: block;
    width: 100%;
	  border-width: 0px;

}

A.XCMC_Link_1:hover {
    color: #FFFFFF;
    background-color: #9F2F34;
}

A.XCMC_Link_2:link, A.XCMC_Link_2:visited, A.XCMC_Link_2:active, A.XCMC_Link_2:hover {
    color: #f1e7e7;
    text-decoration: none;
    padding: 4px;
    display: block;
    text-align: left;
    overflow: hidden;
    clear: left;
    width: 100%;
	  border-width: 0px;
}

A.XCMC_Link_2:hover {
    color: #f1e7e7;
    background-color: #B56669;
}

A.XCMC_Link_3:link, A.XCMC_Link_3:visited, A.XCMC_Link_3:active, A.XCMC_Link_3:hover {
    color: #f1e7e7;
    text-decoration: none;
    padding: 4px;
    text-align: left;
    display: block;
    overflow: hidden;
    clear: left;
    width: 100%;
	  border-width: 0px;
}

A.XCMC_Link_3:hover {
    color: #f1e7e7;
    background-color: #B56669;
}

.XCMC_Section_Level_1 {
    text-align: left;
   list-style-type: none;
    padding: 0px;
    margin: 0px;
}

li.XCMC_Item_Level_1 {
   list-style-type: none;
   border-bottom: 1px #A03338 solid;
   margin: 0px;
   padding: 0px;
}

li.XCMC_Item_Level_2 {
   list-style-type: none;
   border-bottom: 1px #A03338 solid;
   margin: 0px;
   padding: 0px;
   text-align: left;
}



/*
###===========================================================================
### Content Management - Categories
###===========================================================================
*/
.CMC_Content_Area {
	clear: none;
    text-align: left;
	padding: 10px 10px 10px 10px;
}
.CMC_Header_Area {
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	margin: 0px 0px 15px 0px;
}

.CMC_Header_Description {
}

.CMC_List_Image {
  float: left;
}

.CMC_Header_Image {
	float: right;
	clear: none;
}
.CMC_List_Area {
  margin: 0px 0px 20px 0px;
  padding: 0px;
  clear: both;
  height: 32px;
}

.CMC_Title {
    color: #DB4044;
}
.CMC_List_Title {
    float: left;
    color: #FFB200;
    width: 100%;
}

.CMC_IMAGE {
    border: 1px #cccccc solid;
    width: 150px;
}

.CMC_List_Text_Area {
    padding: 8px;
    margin: 0px;
    clear: both;
}
.CMC_List_Text {
    color: #1A1A1A;
    float: left;
/*    clear: left;
    overflow: hidden; */
}


.CMC_Links_Area {
    width: 525px;
	padding: 10px 0px 0px 0px;
    overflow: hidden;
}
.CM_Links_Image {
    float: left;
	clear: none;
	padding: 0px 5px 5px 0px;
}

.CM_Links_Image img {
  width: auto;
}

.CMC_Links_Title {
	padding: 0px 0px 0px 0px;
	color: #41A200;
}
.CMC_Links_URL {
}
.CMC_Links_Text {
}




.CMC_Footer {
    background-image: url(../images/footer_background.gif);
    background-repeat: no-repeat;
    height: 32px;
    margin-bottom: 16px;
    clear: both;
    float: left;
}

.Cart_Area {
	float: right;
    width: 545px;
	padding: 0px 10px 0px 0px;
}


.CMC_IMAGE_NEWS {
	  float: right;
	  clear: none;
	  width: 100px;
}

IMG.CMC_Image {
}

.CMC_List_More {
    width: 500px;
    margin-top: 15px;
    clear: left;
}


/* Category Item List */
DIV.CMC_Item_Area {
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 2px;
}
DIV.CMC_Item_Image_Area {
}
DIV.CMC_Item_Separator{
}
HR.CMC_Item_Separator{
	height: 1px;
}

A.BackLink:link, A.BackLink:visited, A.BackLink:active {
    padding-left: 10px;
    color: #BDBDBD;
    text-decoration: underline;   
}

A.BackLink:hover {
    padding-left: 10px;
    color: #ffffff;
    text-decoration: underline;
}

A.CMTitle:link, A.CMTitle:visited, A.CMTitle:active {
	color: #CC292E;
	text-decoration: none;
	border-width: 0px;
}

A.CMTitle:hover {
	color: #F25C61;
	text-decoration: none;
	border-width: 0px;
}






a.XCM_Link:link, a.XCM_Link:visited, a.XCM_Link:active, a.XCM_Link:hover {
    color: #cccccc;
    font-weight: Georgia, serif;
    text-decoration: underline;
    padding: 0px;
    margin: 0px;
}

a.XCM_Link:hover {
    color: #ffffff;
}

.BOTNAV_Menu_Area {
    float: right;
}

a.BotNav_Link_1:link, a.BotNav_Link_1:visited, a.BotNav_Link_1:active {
  color: #4A4A4A;
  font-size: 0.9em;
  text-decoration: none;
  border-bottom: 1px #4A4A4A solid;
  height: 10px;
}

a.BotNav_Link_1:hover {
  color: #4A4A4A;
  font-size: 0.9em;
  text-decoration: none;
  border-bottom: 1px #E84A49 solid;
  height: 10px;
}

.BotNav_Item_Level_1 {
  float: left;
  clear: none;
}

.CMC_List_More {
  margin: 0px;
  padding: 0px;
}

A.CMMore:link, A.CMMore:visited, A.CMMore:active {
	color: #454545;
	text-decoration: none;
	padding: 5px;
	border-width: 0px;
	margin: 0px;
}
A.CMMore:hover {
	color: #727272;
	text-decoration: none;
	padding: 5px;
  margin: 0px;
	border-width: 0px;
}

A.CMText:link, A.CMText:visited, A.CMText:active, A.CMText:hover {
	color: #828282;
	text-decoration: none;
	border-width: 0px;
}

/*============================================================================*/
/* Content Management - Content Item                                          */
/*============================================================================*/
.CM_Content_Area {
	clear: none;
    text-align: left;
	padding: 8px;
  /*	overflow: hidden;  */
}
.CM_Header_Paragraph_Area {
    float: none;
    clear: both;
	padding: 0px 0px 10px 0px;
    overflow: hidden;
}
.CM_Paragraph_Area {
    float: none;
    clear: both;
	  padding: 0px;
	  margin: 0px 0px 5px 0px;
    overflow: hidden;
}
.CM_Paragraph_Area_left {
    float: left;
    clear: none;
}
.CM_Paragraph_Area_Right {
    float: right;
    clear: none;
    width: 270px;
	  padding: 0px 0px 0px 20px;
    overflow: hidden;
}
.CM_Entry {
    color: #E64B49;
  	padding: 10px 10px 5px 0px;
  	font-weight: normal;
  	clear: left;
  	text-align: left;
}

.CAT_Items_Header_Title, .CAT_Detail_Title {
    color: #ffffff;
  	padding: 0px 10px 5px 5px;
  	font-weight: normal;   
}

.CAT_Item_Title {
    color: #ffffff;
  	padding: 0px;
  	font-weight: normal; 
}


.CM_Text {
    color: #353535;
  	padding: 10px 10px 5px 0px;
}
.CM_Image_Area {
    clear: none;
}
.CM_Image {
    float: right;
	  padding: 0px;
}


A.CM_Form_Link:link, A.CM_Form_Link:visited, A.CM_Form_Link:active {
	float: right;
	clear: both;
	font-size: 0.6em;
	font-style: italic;
	color: #F3F3F3;
	padding: 0px 2px 0px 0px;
	text-decoration: none;
}

A.CM_Form_Link:hover {
	font-size: 8pt;
	font-weight: normal;
	color: #F47836;
	text-decoration:underline;
}

.CM_Text_Bullet {
	font-size: 1em;
	padding: 2px 10px 0px 0px;
}

.CM_Header_Area {
}
.CM_Cat_Title {
	padding: 12px 0px 0px 0px;
}
.CM_Title, .Submitform_Title, .CMC_Header_Title {
    text-align: left;
    clear: left;
    color: #CD1919;
  	padding: 10px 10px 5px 0px;
  	font-weight: normal;
  	letter-spacing: -1px;
}

.Submitform_Title {
    padding: 0px 0px 0px 10px;
}

.CM_Image_Left {
	float: left;
	clear: none;
	padding: 0px 5px 5px 0px;
}
.CM_Image_Right {
	float: right;
	clear: none;
	padding: 0px 0px 5px 5px;
}

DIV.CM_Item_File_Area {
	float: none;
	padding: 10px 10px 10px 10px;
	height: 40px;
}
DIV.CM_Item_File_Icon {
	float: left;
	clear: none;
	padding: 0px 4px 0px 4px;
}
DIV.CM_Item_File_Description {
	float: left;
	clear: none;
	padding: 0px 4px 0px 4px;
}


.CM_Link_Area {
    width: 600px;
    padding: 5px;
    margin: 5px;
    overflow: hidden;
}

.CM_Links_Entry {
    clear: right;
}

.CM_Links_Text {
    float: left;
    clear: none;
}



.CM_ImageCon_Left {
	float: left;
	clear: left;
	margin-right: 20px;
	padding: 5px 10px 10px 5px;
}

.CM_LinkImage {
	float: left;
	clear: none;
	margin-right: 20px;
	padding: 5px 10px 10px 5px;
}

DIV.CM_Image1 {
	float: left;
	clear: both;
	padding: 0px 8px 0px 8px;
}

A.CM_Content_Link:link, A.CM_Content_Link:visited, A.CM_Content_Link:active  {
	text-decoration:underline;
}
A.CM_Content_Link:hover {
	text-decoration:underline;
}
A.CM_Email_Link:link, A.CM_Email_Link:visited, A.CM_Email_Link:active {
	text-decoration:underline;
}
A.CM_Email_Link:hover {
	text-decoration:underline;
}
A.CM_URLLink:link, A.CM_URLLink:visited, A.CM_URLLink:hover, A.CM_URLLink:active {
  font-size: 1.1em;
  color: #585858;
  border-bottom: 1px #585858 solid;
  height: 10px;
  text-decoration: none;
}
A.CM_URLLink:hover {
  color: #585858;
  border-bottom: 1px #E64B49 solid;
  height: 10px;
  text-decoration: none;
}

a.USERHOME_Link:link, a.USERHOME_Link:visited, a.USERHOME_Link:active, a.USERHOME_Link:hover {
  color: #ffffff;
  border-bottom: 1px #FFFFFF solid;
  height: 10px;
  text-decoration: none;
}

a.USERHOME_Link:hover {
  border-bottom: 1px #E64B49 solid;

}

a.Marquee:link, a.Marquee:visited, a.Marquee:active, a.Marquee:hover {
  color: #535353;
}

a.Marquee:hover {
  color: #af3c3c;
  text-decoration: underline;
}

