/****************************************/
/* Theme         : Template #DT442      */
/* Author        : Poh Tze Keong        */
/* Created Date  : 21/08/2007           */
/* Modified by   :                      */
/* Modified Date :                      */
/****************************************/

/* Header */
.header
{
	background-color: transparent;
	font-family: Verdana;
	font-size: 20px;
	font-weight: bolder ;
	color: white;
}

/* Footer */
.footer
{
	background-color: transparent;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: black;
}

/* Warnings and Error Messages */
.error
{
	background-color: White;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bolder ;
	color: red;
}
.errorsummary
{
	background-color: white;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: red;
}

/* Different style for dropdownlist */
.dropdownlist
{
	background-color: white;
	border: solid 1px #C52E23;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: black;
}

/* Different style fot textbox */
.textbox
{
	background-color: white;
	border: solid 1px #black;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: black;

}

/* Different styles for listboxs */
.listbox
{
	background-color: white;
	border-bottom-color: #990000;
	border-color: #990000;
	border: solid 1px #C52E23;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: black;
}

/* Different styles for checkboxs */
.checkbox
{
	background-color: white;
	border: none 1px #C52E23;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: Black;
}

/* Different styles for radiobuttons */
.radiobutton
{
	background-color: white;
	border: solid 1px #C52E23;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: Black;
}

/* Different styles for text and labels */
.text
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: black;
}

.label
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #666682;
}
.title
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #666682;
}
.notice
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #F37801;
}
.tips
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #F37801;
}
.instruction
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #F37801;
}
.highlight
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bolder;
	color: #F37801;
}
.contrastlabel
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #666682;
}


/* button style for standard buttons */
.linkbutton
{
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 11px;
	color: #666682;
	font-family: Verdana;
	background-color: transparent;
}

.linkbutton:link
{
    text-decoration: underline;
    color: #666682;
}

.linkbutton:visited
{
    text-decoration: underline;
    color: #666682;
}

.linkbutton:active
{
    text-decoration: underline;
    color: #666682;
}

.linkbutton:hover
{
    text-decoration: underline;
    color: #D90F0F;
}

.button
{
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 11px;
	color: white;
	font-family: Verdana;
	background-color: #C52E23;
}

/* DesktopContainer */
.DesktopContainer
{
	font-family: Verdana;
	font-size: 11px;
	color: #666682;
	font-weight: bold;
}

/* Warning/Error Module */
/* Do Not Change This */
.Warning
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: black;
}

/* Page Name */
.PageName_Text
{
	font-family: Verdana;
	font-size: 12px;
	color: black;
	font-weight: bold;
}
.PageName_Table
{
	background-color: transparent;
	border-bottom: #C0C0C0 0px solid;
	border-left: #C0C0C0 0px solid;
	border-top: #C0C0C0 0px solid;
	border-right: #C0C0C0 0px solid;
}

/* Navigation Menu */

	/* Adding specific left and right image for buttons:-
	        If "template/[category]/[template_name]/images/" contains tab images of 
	        "navi_tabbreak_left.gif" AND navi_tabbreak_right.gif" is available,
	        it will automatically loads them.
	*/
.MainMenu_MenuContainer
{
	background-color: Transparent;
	border-bottom: #F1F2F1 0px solid;
	border-left: #F1F2F1 0px solid;
	border-top: #F1F2F1 0px solid;
	border-right: #F1F2F1 0px solid;
	
	/* Fix each item with if needed*/
	width:1; /*make it 1 will force it to align differently.*/
	/*height:1px;*/
}
.MainMenu_MenuBar
{
	cursor: pointer;
	cursor: hand;
	height: 40;
	background-color: Transparent;
	vertical-align: middle;
}
.MainMenu_MenuItem
{
	background-color: Transparent;
	border-left: #F1F2F1 0px solid; 
	border-bottom: #F1F2F1 1px solid; 
	border-top: #F1F2F1 1px solid; 
	border-right: #F1F2F1 0px solid;
	cursor: pointer;
	cursor: hand;
	color: #7E7E7E;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bolder;
	font-style: normal;	
    	text-align: left;
    	text-decoration: none;
    	/* Specify background image if available */
	/*background: url(/templates/shopping_frontends/template_dt442/images/navi_pic.gif); height: 40px;*/
}
.MainMenu_MenuIcon
{
	background-color: #F1F2F1;
	border-left: #F1F2F1 1px solid; 
	border-bottom: #F1F2F1 1px solid; 
	border-top: #F1F2F1 1px solid; 
	cursor: pointer;
	cursor: hand;
	text-align: left;
	width: 15px; 
	height: 21px;	
}
.MainMenu_SubMenu
{
	background-color: #F1F2F1;
	border: 1px solid #000000;
	z-index: 1000;
	cursor: pointer; 
	cursor: hand;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
}
.MainMenu_MenuBreak
{
	height: 1px;
	background-color: Transparent;
}
.MainMenu_MenuItemSel
{
	background-color: Transparent;
	cursor: pointer; 
	cursor: hand;
	color: #C52E23;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bolder;
	font-style: normal;
	text-decoration: none;
   	/* Specify background image if available */
    	/*background: url(/templates/shopping_frontends/template_dt442/images/navi_pic.gif); height: 40px;*/
}
.MainMenu_MenuArrow
{
	border-right: #F1F2F1 1px solid; 
	border-bottom: #F1F2F1 1px solid; 
	border-top: #F1F2F1 1px solid;
	font-family: Verdana;
	font-size: 8pt;
	cursor: pointer; 
	cursor: hand;
}
.MainMenu_RootMenuArrow
{
	font-family: Verdana;
	font-size: 12pt;
	cursor: pointer; 
	cursor: hand;	

}

/* Datagrid */
.Grid_General 
{
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px; 
	text-align: left;
	vertical-align: middle;
	color: Black;
}

.Grid_AlternatingItem
{
	font: Verdana;
	font-weight: normal;
	font-size: 11px; 
	text-align: left;	
	vertical-align: middle;
	color: #202020;
	border-bottom : solid 1px #808080;
}

.Grid_Footer
{
	font: Verdana;
	font-weight: normal;
	font-size: 12px; 
	text-align: left;
	vertical-align: middle;
	color: #000000;
	border-top: solid 1px #808080;
}

.Grid_Header
{
	font: Verdana;
	font-weight: bold;
	font-size: 12px; 
	text-align: left;
	vertical-align: middle;
	color: black;
	border-bottom : solid 1px #808080;
}

.Grid_Item
{
	font: Verdana;
	font-size: 11px; 
	font-weight: normal;
	text-align: left;	
	vertical-align: middle;
	color: #202020;
	border-bottom : solid 1px #808080;
}

.Grid_Pager 
{
	font: Verdana;
	font-size: 12px; 
	font-weight: normal;
	text-align: middle;		
	vertical-align: middle;
	color: #000000;
	border-top: solid 1px #808080;
}

.Grid_SelectedItemStyle 
{
	font: Verdana;
	font-size: 11px; 
	font-weight: normal;
	text-align: left;		
	vertical-align: middle;
	color: Navy;
	border-top: solid 1px #808080;
}

.Grid_Title
{
	font: Verdana;
	font-size: 12px; 
	font-weight: normal;
	text-align: left;		
	vertical-align: middle;
	color: #000000;
	border-top: solid 1px #808080;
}

.Grid_TableItem
{
	font: Verdana;
	font-size: 11px; 
	font-weight: normal;
	text-align: left;		
	vertical-align: middle;
	color: #000000;
	border-top: solid 1px #808080;
}


/* Normal Table */
.Table_Header
{
	font-size: 12px; 
	font-weight: bold;
	font: Verdana;
	color: white;
	text-align: left;
	vertical-align: middle;
	background-color: #EFEFEF;

}
.Table_Gen
{
	font-size: 11px; 
	font-weight: bold;
	font: Verdana;
	color: #202020;
	text-align: left;	
	vertical-align: middle;
	background-color:transparent;
}
.Table_Alt
{
	font-size: 11px; 
	font-weight: bold;
	font: Verdana;
	color: #202020;
	text-align: left;	
	vertical-align: middle;
	background-color: #E0E0E0;
}

/* Showroom Headers */
.Category_Header
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;		
	color: #808080; 
	text-align: left;
	vertical-align: middle;
	background-color: #FFFFFF;
	border-bottom : solid 2px #63B30C;
}

.category
{
	border:0px solid #C17E01; 
	font-size: 11px; 
	font-weight: normal;
	font: Verdana;
	color: white;
	text-align: left;
	vertical-align: middle;
	background-color: #ffffff;
}

.Product_Header
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;		
	color: #808080; 
	text-align: left;
	vertical-align: middle;
	background-color: #FFFFFF;
	border-bottom : solid 2px #63B30C;
}