@charset "utf-8";
/* CSS Document */
/*
 SilverStripe BlackCandy Theme
 http://www.silverstripe.com
 */
 
/************
  * Misc Styles and defaults 
  */
/*  
* {
	margin: 0 auto;
	padding: 0;
}
*/
body {
/* 	font-size: 12px; */
 	font-size: .8em;
	font-family: Verdana, Lucida, sans-serif;
	background: url(../images/bg.jpg) top repeat-x #fff;
	color:#000;
	margin:0;
}

table {
/*	border-collapse: collapse;*/
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
/*	font-weight: normal;*/
}

html {
	/*background: url(../images/bg.gif) top right repeat-x #FFF;*/
}
.clear{
	clear:both;
}
.space{
	height:10px;
}
img {
	border:0;
}
/**************
 	Site Container Box
*/
#TopBar {
	width: 100%;  
	height:38px;
	background:#333 url(../images/topBarBG.gif) repeat-x;
}
	#TopBar .ToolBox {
	width: 980px;  
	margin: 0 auto;
	}
		#TopBar ul.menulink {
			font-size:.8em;
			float:right;
			margin:5px 0;
			}
			#TopBar ul.menulink li{
				display:block;
				float:left;
				padding:6px 3px;
			}
			
		#TopBar a,
		#TopBar a:link,
		#TopBar a:hover  {
			color:#999;		
			text-decoration:none;
		}			
		
		#TopBar a:hover  {
			color:#fff;		
			text-decoration:none;			
		}	
#BgContainer {
	width: 980px;  
	margin: 0 auto;/*20px 20px 20px; */
}
.ColumnContainer {
	width: 100%;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 10px;	
	clear:both;
/*	background:#003399; */
	}
	.ColumnContainer .ContainerContent{
		float:left;
		width:750px;
		margin: 0 auto;
/*		background:#006633; */
		}	
		.ColumnContainer .ContainerContent .ContentBox{
			margin-bottom:20px;
		}		
		
		
#Layout {
	width:100%;
/*	overflow: hidden;*/
}
/*
#Content {
	width: 538px;
	float: right; 	
	margin: 0;
	text-align: left;
}*/
/**************
 	Header
*/
#Header {
	width:100%;
	height:30px;
	float:left;
/*	margin-top: 10px;*/
/*	margin-bottom: 10px;	*/
	/*background:#006699;*/
	}

	#DigicraftsLogo {
		float:left;
		margin: 0;
	}
	
	#Banner {
		float:left;	
		/*margin-top: 25px;		*/
	}
	
	#MainMenu {
	 	font-size: 1em; 	
		/*margin-left: 10px;		*/
		margin-top: 10px;
		color:#999;		
		}
		#MainMenu a, 
		#MainMenu a:link {
			padding:3px 6px 3px 6px;
			text-decoration:none;
			color:#333;								
		}		
		
		#MainMenu a:hover {
/*			padding:3px 6px 3px 0;		*/
			/*border-top:2px #FFF solid;*/
			color:#FFF;
			/*background:#CCCCCC*/
		}				

form #search-form {
	background: #FF0000;
	width:200px;
}
form #searchImage{

}
form #searchfield {
	width: 120px;	
	font: 12px "Lucida Grande", Arial, Helvetica, sans-serif;
	border: 0px;
	background:#eee;
}
#SearchBox {

	width: 145px;
	height: 22px;
	background:	#000 url(../images/SearchBox.gif);
	margin-top: -3px;
	padding-left: 10px;
}

/**************
 	menuIndex
*/
#MenuIndex {
	position:relative;
	overflow:hidden;
}
	
/**************
 	Tab
*/
.TabContainer {
	border-bottom: #DDD solid 1px;
	height:30px;
	margin-bottom:20px;
	font-size:1.2em;
	font-weight:bold;
	}
												
/**************
 	FeaturedProduct
*/
.FeaturedProduct {
/*	width:240px;*/
	width:170px;
	margin-bottom:10px;
	}
	.FeaturedProduct a{
		color:#000;
	}		
	.FeaturedProduct a:hover{
		text-decoration:underline;
	}			
	.FeaturedProduct a.Thumbnail{
	display:block;
	height:100px;
	width:170px;	
	}	
	.FeaturedProduct .Title{
	padding-top:5px;
	text-align:center;
	font-weight:bold;
	font-size: 1em;
	}	
	.FeaturedProduct .Description{
	text-align:center;
	font-size: 0.8em;	
	color:#CCC;
	}		
	.FeaturedProduct a.Thumbnail .Border,
	.FeaturedProduct a.Thumbnail:link .Border{
	width:170px;
	height:100px;	
/*	background:	url(../images/thumbnailBorder.gif) no-repeat  right 0px;*/
	}
	.FeaturedProduct a.Thumbnail:hover .Border{
	width:170px;
	height:100px;	
	background:	url(../images/thumbnailBorderH.gif) no-repeat  right 0px;				
	opacity:0.4;
	filter:alpha(opacity=40);
	}	

	
/**************
 	SideBar
*/
.SideBar {
	float:right;	
	width:220px;
	margin: 0 auto;
/*	background: #FF6600; */
	}
	.SideBar .SideBarBox{
		margin-bottom:20px;
		}
		.SideBar .SideBarBox p.text{
			margin:5px;
/*			margin-top:20px;			*/
			line-height:1.5em;
		}
		.SideBar .SideBarBox p.small{
			color:#999;
			margin:10px;
			line-height:1.5em;
			font-size:.8em;
		}
	
/**************
 	BorderBox
*/
.BorderBox {
	color:#666;
	margin:0px auto;
	margin-right:auto;
	}
	.BorderBox .Header{
		padding:5px 0px 5px 20px;	
		_margin-right: 0px;
		height:32px;
		background:#f3f3f3;		
		border-bottom: 1px #DDD solid;
		border-left: #c0c0c0 solid 1px;
		border-right: #c0c0c0 solid 1px;			
		font-size:1.2em;
		color:#666;
		text-transform:uppercase;
		}
		
	.BorderBox .Top{
		height:10px;
		margin-right: 10px;
		_margin-right: 0;
		background: transparent	url(../images/textBoxTL.gif) no-repeat  left 0px;
		}
		.BorderBox .Top p{
			font-size:1px;
			height:10px;
			background:	transparent url(../images/textBoxTR.gif) no-repeat right 0px;
			margin-right: -10px;
			_margin-right: 0;				
			_right:0px;
			}										
		
	.BorderBox .Bottom{
		clear:both;	/* fix firefox bug for background not filling*/
		height:13px;
		margin: 0 10px 10px 0;
		_margin-right: 0;			
		background: url(../images/textBoxBL.gif) no-repeat left bottom;
		}		
		.BorderBox .Bottom p{
			height:13px;
			font-size:1px;				
			background: url(../images/textBoxBR.gif) no-repeat right bottom ;
			margin-right: -10px;
			margin-top: 0;							
			_margin-right: 0;				
			_right:0px;
			}					
	.BorderBox .Content{
		padding:10px 20px 10px 20px;
		_padding:10px 0px 0px 10px;
		_margin-right: 0px;
		background:#f3f3f3;
		border-left: #c0c0c0 solid 1px;
		border-right: #c0c0c0 solid 1px;		
		}	
		.BorderBox p{
			line-height:1.5em;	
		}		
		.BorderBox a,
		.BorderBox a:link{
			color:#666;
			text-decoration:none;
		}				
		.BorderBox a:hover{
			text-decoration:underline;
		}
		
	.BorderBox ul.text{
		margin-left:5px;
		}		
		.BorderBox ul.text li{
			padding:5px;		
			list-style-type:square;
		}	
		
/**************
 	BlackBorderBox
*/
.BlackBorderBox {
	color:#666;
	margin:0px auto;
	margin-right:auto;
	}
	.BlackBorderBox .Header{
		padding:5px 0px 5px 20px;	
		_margin-right: 0px;
		height:32px;
		background:#000;		
		border-bottom: 1px #DDD solid;		
		font-size:1.2em;
		color:#666;
		text-transform:uppercase;
		}	
	.BlackBorderBox .Top{
		height:10px;
		margin-right: 10px;
		_margin-right: 0;
		background: transparent	url(../images/blackBorderBoxTL.gif) no-repeat  left 0px;
		}
		.BlackBorderBox .Top p{
			font-size:1px;
			height:10px;
			background:	transparent url(../images/blackBorderBoxTR.gif) no-repeat right 0px;
			margin-right: -10px;
			_margin-right: 0;				
			_right:0px;
			}								
		
	.BlackBorderBox .Bottom{
		clear:both;	/* fix firefox bug for background not filling*/
		height:13px;
		margin: 0px 10px 10px 0;	
		_margin-right: 0px;					
		background: url(../images/blackBorderBoxBL.gif) no-repeat left bottom;
		}		
		.BlackBorderBox .Bottom p{
			height:13px;
			font-size:1px;
			background: url(../images/blackBorderBoxBR.gif) no-repeat right bottom ;
			margin-right: -10px;
			margin-top: 0;							
			_margin-right: 0;				
			}					
	.BlackBorderBox .Content{
		padding:10px 20px 10px 20px;
		_padding:10px 0px 0px 10px;
		_margin-right: 0px;	
		background: url(../images/blackBorderBoxLM.gif) repeat left;
		}	
		.BlackBorderBox p{
			line-height:1.5em;	
		}		
		.BlackBorderBox a,
		.BlackBorderBox a:link{
			color:#666;
			text-decoration:none;
		}				
		.BlackBorderBox a:hover{
			text-decoration:underline;
		}
		
	.BlackBorderBox ul.text{
		margin-left:30px;
		}		
		.BlackBorderBox ul.text li{
			padding:5px;		
			list-style-type:square;
		}
		
/**************
 	WhiteBorderBox
*/
.WhiteBorderBox {
	color:#666;
	margin:0px auto;
	margin-right:auto;	
	}
	.WhiteBorderBox .Header{
		padding:5px 0px 5px 20px;	
		_margin-right: 0px;
		height:32px;
		background:#fff;		
		border-bottom: 1px #DDD solid;
		border-left: #c0c0c0 solid 1px;
		border-right: #c0c0c0 solid 1px;			
		font-size:1.2em;
		color:#003333;
		text-transform:uppercase;
		}	
		.WhiteBorderBox img{
		vertical-align:bottom;
		margin-right:5px;		
		}	
	.WhiteBorderBox .Top{
		height:10px;
		margin-right: 10px;
		_margin-right: 0px;
		background: transparent	url(../images/borderBoxTL.gif) no-repeat  left 0px;
		}
		.WhiteBorderBox .Top p{
			font-size:1px;
			height:10px;
			background:	transparent url(../images/borderBoxTR.gif) no-repeat right 0px;
			margin-right: -10px;
			_margin-right: 0;			
	
			}										
		
	.WhiteBorderBox .Bottom{
		clear:both;	/* fix firefox bug for background not filling*/
		height:13px;
		margin-top: 0;		
		margin-right: 10px;
		_margin-right: 0px;	
		background: url(../images/borderBoxBL.gif) no-repeat left bottom;
		}		
		.WhiteBorderBox .Bottom p{
			height:13px;
			font-size:1px;
			background: url(../images/borderBoxBR.gif) no-repeat right bottom ;
			margin-right: -10px;
			margin-top: 0;				
			_margin-right: 0;				
			_right:0px;	
			}					
	.WhiteBorderBox .Content{
		padding:10px 20px 10px 20px;
		_padding:10px 0px 0px 10px;	
		_margin-right: 0px;		
		background:#fff;
		border-left: #c0c0c0 solid 1px;
		border-right: #c0c0c0 solid 1px;		
		}
		/*	
		.WhiteBorderBox p{
			line-height:1.5em;	
		}
		*/		
		.WhiteBorderBox a,
		.WhiteBorderBox a:link{
			color:#666;
			text-decoration:none;
		}				
		.WhiteBorderBox a:hover{
			text-decoration:underline;
		}
		
	.WhiteBorderBox ul.text{
		margin-left:30px;
		}		
		.WhiteBorderBox ul.text li{
			padding:5px;		
			list-style-type:square;
		}	

	.WhiteBorderBox .Text{
		line-height:1.5em;	
		margin-top:20px;
		margin-bottom:20px;			
		}		
		
		.WhiteBorderBox .Text > ul{
			padding:5px;
			margin-left:30px;
		}					
		
/**************
 	TextBox
*/
.TextBox {
	color:#666;
	/*background:#f3f3f3;*/
	}		
	.TextBox .Content{
		padding:10px 20px 10px 0px;
		}	
		.TextBox p{
			line-height:1.5em;	
		}		
		.TextBox a,
		.TextBox a:link{
			color:#666;
			text-decoration:none;
		}				
		.TextBox a:hover{
			text-decoration:underline;
		}
		
	.TextBox ul{
		padding:30px;	
		list-style-type:square;
	}
	.TextBox ul.text{
		margin-left:30px;
		}		
		.TextBox ul.text li{
			padding:5px;		
			list-style-type:square;
		}					
		
/*************
	ul.tutorial
*/	
	 ul.tutorial{
	 		margin:0;
			padding:0;			
			}	
			
		ul.tutorial a,
		ul.tutorial a:link{
			font-size: .8em;
			color:#666;
			text-decoration:none;
			text-align:center;
		}				
		ul.tutorial a:hover{
			text-decoration:underline;
			color:#333;
		}
		ul.tutorial li{
			list-style-type:none;
			padding:5px;
		}				
		ul.tutorial img{
			vertical-align:middle;
			margin-right:10px;
		}			

			
/*************
	ul.menu
*/		
	 ul.menu{
		margin: 0 auto;
		padding: 0;	 
			}	
			
		ul.menu a,
		ul.menu a:link{
			color:#666;
			text-decoration:none;
		}				
		ul.menu a:hover{
			text-decoration:underline;
			color:#333;
		}
						
		ul.menu li{
			list-style-type:none;
			padding:5px;
		}				
		 ul.menu img{
			vertical-align:middle;
			margin-right:10px;
		}	
		 ul.menu span.date{
			font-size:.9em;
			color:#444;
			padding-left:20px;
			padding-right:20px;			
		}	
		 ul.menu a.more{
			display:block;
			font-size:.7em;
			color:#999;
			text-align:right;
			width:100%;
		}			
		 ul.menu span.title{
			font-size:1.2em;
			color:#222;
		}					
		 ul.menu li.highlight{
			background: #DFEBEE;
		}
		 ul.menu li.title2{
			font-size:1.2em;
			color:#222;
		}
		 ul.menu li.highlight2{
/*			background: #666;*/
/*			border-bottom:#666666 solid 1px;*/
			margin-bottom:3px;
			}	
			 ul.menu li.highlight2 .title{
				color:#000;
			}				
									
	

/**************
 	Footer
*/
ul.Partner{
	}
	ul.Partner li{
		list-style:none;
		}		
		ul.Partner li a{
			margin-right:30px;
		height:120px;
		width:120px;			
			float: left;		
			display:block;
			vertical-align:bottom;
		}				

/**************
 	Footer
*/
#Footer {
	margin-top:20px;
	margin-bottom:20px;	
	height:50px;
	font-size:.8em;	
	color:#999;		
		}
		#Footer a, 
		#Footer a:link{
			margin: 0;			
			color:#ccc;				
			text-decoration:none;
		}
		#Footer a:hover{
			margin: 0;			
			color:#333;
			text-decoration:underline;			
		}		
		#Footer .text{
			float:left;
			margin-top:15px;
			margin-left:15px;
		}						
		#Footer .bookmark{
			float:right;			
			margin-top:10px;
		}				
		#Footer .logo{
			float:left;			
		}
		
.TableTitle{
	font-weight:bold;
	color:#000;
	border-bottom:1px #DDD solid;
}

.vh {
	display:block;
	min-height:150px;
	height:80%;
	width:1px;
	border-right:#BBB solid 1px;
	margin-right:5px;
}				
			
.TextAlignRight {
	text-align:right;
}

.SystemMessage {
	padding:5px;
	color:#FF0000;
	background:#FFFFCC;
	border:#333333 1px dashed ;
	font-size:.8em;
}