/* Default Stylesheet */
/* Style Guide:

active/link red:  #FF3300

*/
/*   Set Up Layout   */
body {
	color: #555;
	background-color: #ececec;
	font-family: "Lucida Grande", Helvetica, "Geneva",  Arial, Verdana, sans-serif;
	font-size:100.01%; /*Keep This! */
	line-height:18px;
	text-align: center;
	}
	
p{
	padding:5px 0;
	line-height:175%;
	font-size:80%;
	}
span{
	font-size:100%;
	}
div{
	font-size:100%;
	}
a:link{
	color:#FF3300;
	text-decoration:none;
	}
a:visited{
	color:#FF3300;
	text-decoration:none;
	}
a:hover{
	color:#FF3300;
	text-decoration:underline;
	}
a:active{
	color:#FF3300;
	text-decoration:underline;
	}

	
	
div#site{
	width: 970px;
	margin: 30px auto;
	text-align: left;
	background-color: inherit;
	}
div#site_top{
	position:relative;
	height:11px;
	background: url(http://www.digication.com/../images/base/darker_shadow_top.jpg) no-repeat;
	}
div#site_middle{
	position:relative;
	background: url(http://www.digication.com/../images/base/darker_shadow_middle.jpg) repeat-y;	
	}
div#site_bottom{
	position:relative;
	height:36px;
	background: url(http://www.digication.com/../images/base/darker_shadow_bottom.jpg) no-repeat;
	}

/******************/
/*  Basic Clases  */
/******************/
.orange{
	color:#ff3300;
	}
.left{
	float:left;
	}
.right{
	float:right;
	}
.clear{
	clear:both;
	}
.smalltext{
	font-size:70%;
	}

.info{
	font-size:70%;
	}
	/*
.textbutton{
	padding:5px;
	border:1px solid #ccc;
	background:#f1f1f1;
	font-size:80%;
	vertical-align: top;
	margin:auto 1px;
	cursor:pointer;
	}

.textbutton:hover{
	padding:5px;
	border:1px solid #888;
	background:#fff;
	font-size:80%;
	vertical-align: top;
	margin:auto 1px;
	}
	*/
.box_spacer{
	position:relative;
	float:left;
	height:auto;
	width:4px;
	margin:9px;
	padding:0;
	background:inherit;
	}
	
/******************/
/* Display Columns*/
/******************/

.box2{
	position:relative;
	float:left;
	height:auto;
	min-height:400px;
	width:430px;
	background:#eee;
	border:1px solid #ccc;
	padding:10px;
	}
.box3{
	position:relative;
	float:left;
	height:auto;
	min-height:100px;
	width:275px;
	xbackground:#ccc;
	padding:10px;
	}
.box3single{
	position:relative;
	float:left;
	height:auto;
	min-height:100px;
	width:275px;
	xbackground:#ccc;
	padding:10px;	
	}
.box3double{
	position:relative;
	float:left;
	height:auto;
	min-height:100px;
	width:550px;
	xbackground:#ccc;
	padding:10px;	
	}
.box4{
	position:relative;
	float:left;
	height:auto;
	min-height:100px;
	width:220px;
	xbackground:#ccc;
	padding:0px;
	margin-right:0px;
	}
.box4single{
	position:relative;
	float:left;
	height:auto;
	min-height:100px;
	width:220px;
	xbackground:#ccc;
	padding:0px;
	margin:0px;
	}
.box4double{
	position:relative;
	float:left;
	height:auto;
	min-height:100px;
	width:470px;
	xbackground:#666;
	padding:0px;
	margin: 0px;
	}
.box3 h2{
	font-size:80%;
	margin-bottom:-10px;
}
/******************/
/*  Body Content  */
/******************/
#demo-wrapper {

}
 
#demo-inner {

}


div#top_nav{
	padding:0 15px;
	margin-bottom:-10px;
	}
	
div#header{
	padding:0 20px 0 20px;
	margin:0 0 25px 0;
	height:20px;
	}
	div#header_logo{
			position:relative;
			display:inline;
			float:left;
			}
	div#header_navigation{
		}

div#banner{
	margin:5px 0 5px 3px;
	display:none;
	}
	
div#main{
	padding:20px;
	padding-top:0px;
	}
div#focusMaster{
	height:300px;
	width:450px;
	margin: 5px auto;
	overflow: hidden; 
	position: relative;
}
div#focusHolder{
	height:300px;
	width:450px;
	margin: 0px auto;
	overflow: hidden; 
	position: relative;
}
div#focus{
	margin:0px;
	width: 990px;
	height: 300px;
	position: relative;
}

div#focus h2{ 
	font-size:140%;
	color:#ff3300;
}

div#focus #focusStudents{
	position:absolute;
	height:300px;
	width:450px;
	top:0px;
	left:0px;
	background: #ddd url(http://www.digication.com/../images/focus/students_background_alt.jpg) no-repeat;
}
div#focus #focusTeachers{
	position:absolute;
	top:0px;
	left:900px;
	height:300px;
	width:450px;
	background: #ddd url(http://www.digication.com/../images/focus/teachers_background_alt.jpg) no-repeat;
}
div#focus #focusIntro{
	position:absolute;
	height:300px;
	width:450px;
	top:0px;
	left:450px;
	background: #ddd url(http://www.digication.com/../images/focus/middle_background.jpg) no-repeat;
	text-align:center;
}


div#footer{
	padding:20px;
	border-top:2px solid #ececec;
	font-size:60%;
	}
div#under_content{
	padding:20px;
	}
div#login{
	xbackground:#ff3300;
	xcolor:#fff;
	font-size:90%;
	}
		
div.portfolio{
	padding:5px;
	border:1px solid #ddd;
	background:1px solid #eee;
	margin:0px 10px 10px 0px;
}
/******************/
/*    Headings    */
/******************/

h1{
	color:#333;
	font-size:140%;
	font-weight:bold;
	margin-top:.5em;
	margin-bottom:1em;
	}
h2{
	color:#333;
	font-size:130%;
	font-weight:bold;
	margin-top:.5em;
	margin-bottom:.5em;	
	}
h3{
	color:#333;
	font-size:120%;
	font-weight:bold;
	margin-top:.5em;
	margin-bottom:.5em;	
	}
h4{
	color:#333;
	font-size:110%;
	font-weight:bold;
	margin-top:.5em;
	margin-bottom:.5em;
	
	}
	
h5{
	color:#333;
	font-size:105%;
	font-weight:bold;
	margin-top:.5em;
	margin-bottom:.5em;
	}
h6{
	color:#333;
	font-size:100%;
	font-weight:bold;
	margin-top:.5em;
	margin-bottom:.5em;
	}
		
/* Lists*/
ul.list{
	list-style: disc outside;
	font-size:80%;
	padding:10px;
	}
ul.list *{
	padding-left:20px;
	}
ol.list{
	list-style: decimal inside;
	font-size:80%;
	padding:10px;
	}
.list{
	padding:5px;
	}

.list li{
	padding: 0 0 5px 0;
	}

/* Generic Vertical Menu*/
ul.vertical {
	padding: 5px;
	list-style: none;
	border:1px solid #ececec;
	}
	ul.vertical li {
		}
		ul.vertical li a:hover {
			color: #fff;
			background:#ff3300;
			text-decoration:none;
			}
		ul.vertical li a {
			color: #ff3300;
			font-size: 90%;
			text-decoration: none;
			display:block;
			padding:5px;
			background:#ddd;
			margin:5px 0;
			width:auto;
			}

ul.vertical li.active{
	background-color:#ff3300;
	}
	ul.vertical li.active a{
		background-color:#ff3300;
		color:#fff;
		}

/*ul#main_navigation {
	padding: 5px;
	list-style: none;
	border:1px solid #555;
	border-left:none;
	border-right:none;
	xbackground:#f7f7f7;
	margin-bottom:10px;
	}
	ul#main_navigation li {
		display: inline;
		}
		ul#main_navigation li a {
			margin: 0 8px;
			color: #555;
			background-color: inherit;
			font-size: 110%;
			text-decoration: none;
			}
		ul#main_navigation li a:hover {
			color: #FF3300;
			background-color: inherit;
			}
ul#main_navigation a.active{
	color:#ff3300;
	font-size:110%;
	}
			
*/

ul#main_navigation {
	padding: 5px;
	list-style: none;
	xbackground:#f7f7f7;
	padding-top:20px;
	margin-bottom:20px;
	border-bottom:1px solid #555;
	
	}
	ul#main_navigation li {
		display: inline;
		margin:0;
		}
		ul#main_navigation li a {
			margin: 0 8px;
			color: #555;
			background-color: inherit;
			font-size: 80%;
			text-decoration: none;
			}
		ul#main_navigation li a:hover {
			color: #FF3300;
			background-color: inherit;
			}
ul#main_navigation a.active{
	color:#ff3300;
	font-size:100%;
	padding:0 10px 4px 10px;
	border-bottom:3px solid #fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	}
			


	ul#header_navigation {
		padding: 1px 0;
		list-style: none;
		float:right;
		}
		ul#header_navigation li {
			display: inline;
			}
			ul#header_navigation li a {
				margin: 0 8px;
				color: #AAA;
				background-color: inherit;
				font-size: 110%;
				text-decoration: none;
				}
			ul#header_navigation li a:hover {
				color: #ff3300	;
				background-color: inherit;
				}
	ul#header_navigation a.active{
		color:#ff3300;
		font-size:110%;
		}




ul#under_navigation {
	padding: 1px 0;
	list-style: none;
	float:right;
	}
	ul#under_navigation li {
		display: inline;
		}
		ul#under_navigation li a {
			margin: 0 8px;
			color: #888;
			background-color: inherit;
			font-size: 70%;
			text-decoration: none;
			border-bottom: 1px solid #eee;
			}
		ul#under_navigation li a:hover {
			color: #FF3300;
			background-color: inherit;
			border-bottom: 1px solid #F1F7FF;
			}
			
/*   Tabs  */
.tabnav
	{
	height: 20px;
	margin: 0;
	padding-left: 10px;
	xbackground: url(http://www.digication.com/images/tab_bottom.gif) repeat-x bottom;
	margin-bottom:10px;
	}

.tabnav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	float:right;
	}
	
.tabnav a:link, .tabnav a:visited
	{
	float: left;
	background: #f3f3f3;
	font-size: 90%;
	line-height: 14px;
	font-weight: bold;
	padding: 2px 10px 2px 10px;
	margin-right: 4px;
	border: 1px solid #ccc;
	text-decoration: none;
	color: #666;
	border-bottom: 1px solid #eaeaea;	
	}

.tabnav a:link.active, .tabnav a:visited.active
	{
	border-bottom: 1px solid #fff;
	background: #fff;
	color: #000;
	}

.tabnav a:hover
	{
	background: #fff;
	}

.pressquote{
	color:#888;
	padding:5px;
	font-size:90%;
	font-style: italic;
}
.pressheading{
	color:#555;
	padding:5px;
	font-size:90%;
	font-weight:bold;
}
.pressdescription{
	color:#888;
	padding:5px;
	font-size:80%;
}


div.article{
	border-bottom:1px solid #aaa;
	margin-bottom:20px;
}
div.article div.title{
	display:inline-block;
	border-top:1px solid #555;
	border-bottom:1px solid #555;
	padding:5px;
	color:#555;
	width:440px;
}
div.article div.title h2{
	float:left;
	font-size:80%;
}
div.article div.title h4{
float:right;
font-size:60%;
}
div.article p{
	font-size:70%;
}
/******************/
/*  Showcase      */
/******************/
div.featured{
	padding:5px 5px;
	color:#555;
	margin:0 0 0 0;
	line-height:1em;
	
}
div.featuered img{
	margin-right:5px;
	float:left;
	border:1px solid #555;	
}

div.featured h3{
	clear:both;
	font-size:100%;
	border-top:2px solid #666;
	border-bottom:1px solid #999;
	padding:5px 0;
}
div.featured small *{
	font-size:100%;
}
div.featured strong{
	font-weight:bold;
	}

a img.nooutline{
	border:none;	
}
.featuredThumb{
	border:1px solid #555;
	width:210px;
	height:125px;
}
small.content img{
	display:none;
}



div.big_featured{
	background:#e9e9e9;
	padding:20px;
	color:#555;
	margin:0 0 0 0;
	line-height:1em;
	display:block;
	width:700px;
	float:left;	
}

div.big_featured .title h2{
	display:inline;
}
div.big_featured .content img{
	display:none !important;
}

div.big_featured .title{
	padding:5px 0;
}
div.big_featured div.featuredimage{
	float:left;
	width:450px;
}
div.big_featured div.featuredcontent{
	float:left;
	margin-top:1em;
	width:250px;
	font-size:.8em;
}
div.big_featured strong{
	font-weight:bold;
	}

.big_featured .featuredThumb{
	border:1px solid #555;
	width:420px;
	height:250px;
}


div.featured_links{
	width:170px;
	display:inline;
	float:left;
	padding:0 10px;
}
div.featured_links p{
	font-size:.7em;
}
div.featured_links p a{
	display:block;
	font-weight:bold;
}

.featuredentry img{
	margin:0px 10px 10px 0px;
	float:left;
	border:1px solid #aaa;
}
.featuredentry p{
	font-size:.8em;
}
.featuredentry p small{
	font-size:75%;
}
/******************/
/*  Bottom Lists  */
/******************/
div.genericList dl {
font-size:70%;
}

div.genericList dl dt{
	color: #444;
	font-weight:bold;
	margin:5px 0;
}

div.genericList dl dd{
	color:#666;
	padding-left:10px;
}


#orderdetails{
	font-size:80%;
}


#orderdetails th{
	color:#000;
	font-weight:bold;
}

#ordersummary{
	padding:5px;
	border:1px solid #fff;
	
}

#ordersummary td{
	width:100px;
	padding:5px;
	font-size:80%;
}

#ordersummary th{
	font-weight:bold;	
	font-size:75%;
}

.bottomborder{
	border-bottom:1px solid #555;
}
.topborder{
	border-top:1px solid #555;
}


.purchaseButton{
	padding:5px;
	border:1px solid #ccc;
	background:#ff3300;
	font-size:80%;
	color:#fff;
}

.purchaseButton:hover{
	padding:5px;
	border:1px solid #aaa;
	background:#fff;
	font-size:80%;
	color:#ff3300;
	cursor:pointer;
}

#purchaseform label {
	font-size:80%;
	font-weight:bold;
}

			/* = #stepNav2 & #stepNav3 & #stepNav4 & #stepNav5
			----------------------------------------------------------------------------------------------------*/
			#stepNav {
				height:50px;
			}
			#stepNav li{
				height:50px;
				list-style:none;
				float:left;
				background-color:#EBEBEB;
				background-image: url(http://www.digication.com/images/navBtn.gif);
				background-repeat: no-repeat;
				background-position: right top;
				margin-top:10px;
			}

			#stepNav li.current{
				background-color:#ff3300;
				background-image: url(http://www.digication.com/images/navCurrentBtn.gif);
			}

			#stepNav li.lastDone{
				background-color:#ffaa88;
				background-image: url(http://www.digication.com/images/navLastDoneBtn.gif);
			}

			#stepNav li.done{
				background-color:#ffaa88;
				background-image: url(http://www.digication.com/images/navDoneBtn.gif);
			}

			#stepNav li a, #stepNav li a:link, #stepNav li a:visited, #stepNav li a:hover, #stepNav li a:active {
			color:#ccc;
			text-decoration:none;
			}

			#stepNav li.lastDone a, #stepNav li.lastDone a:link, #stepNav li.lastDone a:visited, #stepNav li.lastDone a:hover, #stepNav li.lastDone a:active, #stepNav li.current a, #stepNav li.current a:link, #stepNav li.current a:visited, #stepNav li.current a:hover, #stepNav li.current a:active, #stepNav li.done a, #stepNav li.done a:link, #stepNav li.done a:visited, #stepNav li.done a:hover, #stepNav li.done a:active {
			color:#fff;
			}

			#stepNav li.done a:hover, #stepNav li.lastDone a:hover  {
			color:#ff3300;
			cursor:hand;
			}

			#stepNav li a em{
			width:150px;
			display:block;
			margin:15px 0 0 10px;
			font-style:normal;
			font-weight:bold;
			font-size:80%;
			}

			#stepNav li a span{
			width:140px;
			display:block;
			margin-left:10px;
			font-weight:normal;
			font-size:80%;
			
			}

			#stepNav li.stepNavNoBg{
			background-image:none;
			}

			#stepNav li a{
			height:50px;
			display:block;
			font-size:80%;
			5
			}

			/* #stepNav.fiveStep */
			#stepNav.fiveStep li{width:182px;}
			#stepNav.fiveStep li a{width:182px;}

			/* #stepNav.fourStep */
			#stepNav.fourStep li{width:170px;}
			#stepNav.fourStep li.stepNavNoBg{width:159px;}
			#stepNav.fourStep li a{width:150px;}

			/* #stepNav.threeStep */
			#stepNav.threeStep li{width:303px;}
			#stepNav.threeStep li.stepNavNoBg{width:304px;}
			#stepNav.threeStep li a{width:303px;}

			/* #stepNav.twoStep */
			#stepNav.twoStep li{width:455px;}
			#stepNav.twoStep li a{width:455px;}

			#stepNav.twoStep li a{width:455px;}
			
			
.hide {display:none}

			
			
			.graybox{
				background:#999;
				color:#fff;
				padding:10px;
				margin-bottom:10px;
			}
			.graybox h4{
				color:#fff;
			}
			.graybox h4 a{
				color:#fff;
			}
			.grabox h6{
				color:#fff;
				font-size:90%;
			}
			.orangebox{
				background:#ff3300;
				color:#fff;
				padding:10px;
				margin-bottom:10px;
			}
			.orangebox h4{
				color:#fff;
			}
			.orangebox h4 a{
				color:#fff;
			}
			.orangebox h6{
				color:#fff;
				font-size:90%;
			}
			
.footerlist a:link, .footerlist a:visited{
	color:#333;
}

.footerlist a:hover, .footerlist a:active{
	color:#999;
}

/*   Set Up Layout   */
body {
	color: #555;
	background-color: #ececec;
	font-family: "Lucida Grande", Helvetica, "Geneva",  Arial, Verdana, sans-serif;
	font-size:100.01%; /*Keep This! */
	line-height:18px;
	text-align: center;
	}
	
p{
	padding:5px 0;
	line-height:175%;
	font-size:80%;
	}
span{
	font-size:100%;
	}
div{
	font-size:100%;
	}
a:link{
	color:#FF3300;
	text-decoration:none;
	}
a:visited{
	color:#FF3300;
	text-decoration:none;
	}
a:hover{
	color:#FF3300;
	text-decoration:underline;
	}
a:active{
	color:#FF3300;
	text-decoration:underline;
	}

	
	
div#site{
	width: 970px;
	margin: 30px auto;
	text-align: left;
	background-color: inherit;
	}
div#site_top{
	position:relative;
	height:11px;
	background: url(http://www.digication.com/../images/base/darker_shadow_top.jpg) no-repeat;
	}
div#site_middle{
	position:relative;
	background: url(http://www.digication.com/../images/base/darker_shadow_middle.jpg) repeat-y;	
	}
div#site_bottom{
	position:relative;
	height:36px;
	background: url(http://www.digication.com/../images/base/darker_shadow_bottom.jpg) no-repeat;
	}

/******************/
/*  Basic Clases  */
/******************/
.orange{
	color:#ff3300;
	}
.left{
	float:left;
	}
.right{
	float:right;
	}
.clear{
	clear:both;
	}
.smalltext{
	font-size:70%;
	}

.info{
	font-size:70%;
	}
	/*
.textbutton{
	padding:5px;
	border:1px solid #ccc;
	background:#f1f1f1;
	font-size:80%;
	vertical-align: top;
	margin:auto 1px;
	cursor:pointer;
	}

.textbutton:hover{
	padding:5px;
	border:1px solid #888;
	background:#fff;
	font-size:80%;
	vertical-align: top;
	margin:auto 1px;
	}
	*/
.box_spacer{
	position:relative;
	float:left;
	height:auto;
	width:4px;
	margin:9px;
	padding:0;
	background:inherit;
	}
	
/******************/
/* Display Columns*/
/******************/

.box2{
	position:relative;
	float:left;
	height:auto;
	min-height:400px;
	width:430px;
	background:#eee;
	border:1px solid #ccc;
	padding:10px;
	}
.box3{
	position:relative;
	float:left;
	height:auto;
	min-height:100px;
	width:275px;
	xbackground:#ccc;
	padding:10px;
	}
.box3single{
	position:relative;
	float:left;
	height:auto;
	min-height:100px;
	width:275px;
	xbackground:#ccc;
	padding:10px;	
	}
.box3double{
	position:relative;
	float:left;
	height:auto;
	min-height:100px;
	width:550px;
	xbackground:#ccc;
	padding:10px;	
	}
.box4{
	position:relative;
	float:left;
	height:auto;
	min-height:100px;
	width:220px;
	xbackground:#ccc;
	padding:0px;
	margin-right:0px;
	}
.box4single{
	position:relative;
	float:left;
	height:auto;
	min-height:100px;
	width:220px;
	xbackground:#ccc;
	padding:0px;
	margin:0px;
	}
.box4double{
	position:relative;
	float:left;
	height:auto;
	min-height:100px;
	width:470px;
	xbackground:#666;
	padding:0px;
	margin: 0px;
	}
.box3 h2{
	font-size:80%;
	margin-bottom:-10px;
}
/******************/
/*  Body Content  */
/******************/
#demo-wrapper {

}
 
#demo-inner {

}


div#top_nav{
	padding:0 15px;
	margin-bottom:-10px;
	}
	
div#header{
	padding:0 20px 0 20px;
	margin:0 0 25px 0;
	height:20px;
	}
	div#header_logo{
			position:relative;
			display:inline;
			float:left;
			}
	div#header_navigation{
		}

div#banner{
	margin:5px 0 5px 3px;
	display:none;
	}
	
div#main{
	padding:20px;
	padding-top:0px;
	}
div#focusMaster{
	height:300px;
	width:450px;
	margin: 5px auto;
	overflow: hidden; 
	position: relative;
}
div#focusHolder{
	height:300px;
	width:450px;
	margin: 0px auto;
	overflow: hidden; 
	position: relative;
}
div#focus{
	margin:0px;
	width: 990px;
	height: 300px;
	position: relative;
}

div#focus h2{ 
	font-size:140%;
	color:#ff3300;
}

div#focus #focusStudents{
	position:absolute;
	height:300px;
	width:450px;
	top:0px;
	left:0px;
	background: #ddd url(http://www.digication.com/../images/focus/students_background_alt.jpg) no-repeat;
}
div#focus #focusTeachers{
	position:absolute;
	top:0px;
	left:900px;
	height:300px;
	width:450px;
	background: #ddd url(http://www.digication.com/../images/focus/teachers_background_alt.jpg) no-repeat;
}
div#focus #focusIntro{
	position:absolute;
	height:300px;
	width:450px;
	top:0px;
	left:450px;
	background: #ddd url(http://www.digication.com/../images/focus/middle_background.jpg) no-repeat;
	text-align:center;
}


div#footer{
	padding:20px;
	border-top:2px solid #ececec;
	font-size:60%;
	}
div#under_content{
	padding:20px;
	}
div#login{
	xbackground:#ff3300;
	xcolor:#fff;
	font-size:90%;
	}
		
div.portfolio{
	padding:5px;
	border:1px solid #ddd;
	background:1px solid #eee;
	margin:0px 10px 10px 0px;
}
/******************/
/*    Headings    */
/******************/

h1{
	color:#333;
	font-size:140%;
	font-weight:bold;
	margin-top:.5em;
	margin-bottom:1em;
	}
h2{
	color:#333;
	font-size:130%;
	font-weight:bold;
	margin-top:.5em;
	margin-bottom:.5em;	
	}
h3{
	color:#333;
	font-size:120%;
	font-weight:bold;
	margin-top:.5em;
	margin-bottom:.5em;	
	}
h4{
	color:#333;
	font-size:110%;
	font-weight:bold;
	margin-top:.5em;
	margin-bottom:.5em;
	
	}
	
h5{
	color:#333;
	font-size:105%;
	font-weight:bold;
	margin-top:.5em;
	margin-bottom:.5em;
	}
h6{
	color:#333;
	font-size:100%;
	font-weight:bold;
	margin-top:.5em;
	margin-bottom:.5em;
	}
		
/* Lists*/
ul.list{
	list-style: disc outside;
	font-size:80%;
	padding:10px;
	}
ul.list *{
	padding-left:20px;
	}
ol.list{
	list-style: decimal inside;
	font-size:80%;
	padding:10px;
	}
.list{
	padding:5px;
	}

.list li{
	padding: 0 0 5px 0;
	}

/* Generic Vertical Menu*/
ul.vertical {
	padding: 5px;
	list-style: none;
	border:1px solid #ececec;
	}
	ul.vertical li {
		}
		ul.vertical li a:hover {
			color: #fff;
			background:#ff3300;
			text-decoration:none;
			}
		ul.vertical li a {
			color: #ff3300;
			font-size: 90%;
			text-decoration: none;
			display:block;
			padding:5px;
			background:#ddd;
			margin:5px 0;
			width:auto;
			}

ul.vertical li.active{
	background-color:#ff3300;
	}
	ul.vertical li.active a{
		background-color:#ff3300;
		color:#fff;
		}

/*ul#main_navigation {
	padding: 5px;
	list-style: none;
	border:1px solid #555;
	border-left:none;
	border-right:none;
	xbackground:#f7f7f7;
	margin-bottom:10px;
	}
	ul#main_navigation li {
		display: inline;
		}
		ul#main_navigation li a {
			margin: 0 8px;
			color: #555;
			background-color: inherit;
			font-size: 110%;
			text-decoration: none;
			}
		ul#main_navigation li a:hover {
			color: #FF3300;
			background-color: inherit;
			}
ul#main_navigation a.active{
	color:#ff3300;
	font-size:110%;
	}
			
*/

ul#main_navigation {
	padding: 5px;
	list-style: none;
	xbackground:#f7f7f7;
	padding-top:20px;
	margin-bottom:20px;
	border-bottom:1px solid #555;
	
	}
	ul#main_navigation li {
		display: inline;
		margin:0;
		}
		ul#main_navigation li a {
			margin: 0 8px;
			color: #555;
			background-color: inherit;
			font-size: 80%;
			text-decoration: none;
			}
		ul#main_navigation li a:hover {
			color: #FF3300;
			background-color: inherit;
			}
ul#main_navigation a.active{
	color:#ff3300;
	font-size:100%;
	padding:0 10px 4px 10px;
	border-bottom:3px solid #fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	}
			


	ul#header_navigation {
		padding: 1px 0;
		list-style: none;
		float:right;
		}
		ul#header_navigation li {
			display: inline;
			}
			ul#header_navigation li a {
				margin: 0 8px;
				color: #AAA;
				background-color: inherit;
				font-size: 110%;
				text-decoration: none;
				}
			ul#header_navigation li a:hover {
				color: #ff3300	;
				background-color: inherit;
				}
	ul#header_navigation a.active{
		color:#ff3300;
		font-size:110%;
		}




ul#under_navigation {
	padding: 1px 0;
	list-style: none;
	float:right;
	}
	ul#under_navigation li {
		display: inline;
		}
		ul#under_navigation li a {
			margin: 0 8px;
			color: #888;
			background-color: inherit;
			font-size: 70%;
			text-decoration: none;
			border-bottom: 1px solid #eee;
			}
		ul#under_navigation li a:hover {
			color: #FF3300;
			background-color: inherit;
			border-bottom: 1px solid #F1F7FF;
			}
			
/*   Tabs  */
.tabnav
	{
	height: 20px;
	margin: 0;
	padding-left: 10px;
	xbackground: url(http://www.digication.com/images/tab_bottom.gif) repeat-x bottom;
	margin-bottom:10px;
	}

.tabnav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	float:right;
	}
	
.tabnav a:link, .tabnav a:visited
	{
	float: left;
	background: #f3f3f3;
	font-size: 90%;
	line-height: 14px;
	font-weight: bold;
	padding: 2px 10px 2px 10px;
	margin-right: 4px;
	border: 1px solid #ccc;
	text-decoration: none;
	color: #666;
	border-bottom: 1px solid #eaeaea;	
	}

.tabnav a:link.active, .tabnav a:visited.active
	{
	border-bottom: 1px solid #fff;
	background: #fff;
	color: #000;
	}

.tabnav a:hover
	{
	background: #fff;
	}

.pressquote{
	color:#888;
	padding:5px;
	font-size:90%;
	font-style: italic;
}
.pressheading{
	color:#555;
	padding:5px;
	font-size:90%;
	font-weight:bold;
}
.pressdescription{
	color:#888;
	padding:5px;
	font-size:80%;
}


div.article{
	border-bottom:1px solid #aaa;
	margin-bottom:20px;
}
div.article div.title{
	display:inline-block;
	border-top:1px solid #555;
	border-bottom:1px solid #555;
	padding:5px;
	color:#555;
	width:440px;
}
div.article div.title h2{
	float:left;
	font-size:80%;
}
div.article div.title h4{
float:right;
font-size:60%;
}
div.article p{
	font-size:70%;
}
/******************/
/*  Showcase      */
/******************/
div.featured{
	xbackground:#e9e9e9;
	padding:5px 5px;
	color:#555;
	margin:0 0 0 0;
	line-height:1em;
	
}
div.featured img{
	margin-right:5px;
	float:left;
	border:1px solid #555;
}

div.featured h3{
	font-size:70%;
	border-top:2px solid #666;
	border-bottom:1px solid #999;
	padding:5px 0;
}
div.featured small{
	font-size:70%;
}
div.featured strong{
	font-weight:bold;
	}

a img.nooutline{
	border:none;	
}

/******************/
/*  Bottom Lists  */
/******************/
div.genericList dl {
font-size:70%;
}

div.genericList dl dt{
	color: #444;
	font-weight:bold;
	margin:5px 0;
}

div.genericList dl dd{
	color:#666;
	padding-left:10px;
}


#orderdetails{
	font-size:80%;
}


#orderdetails th{
	color:#000;
	font-weight:bold;
}

#ordersummary{
	padding:5px;
	border:1px solid #fff;
	
}

#ordersummary td{
	width:100px;
	padding:5px;
	font-size:80%;
}

#ordersummary th{
	font-weight:bold;	
	font-size:75%;
}

.bottomborder{
	border-bottom:1px solid #555;
}
.topborder{
	border-top:1px solid #555;
}


.purchaseButton{
	padding:5px;
	border:1px solid #ccc;
	background:#ff3300;
	font-size:80%;
	color:#fff;
}

.purchaseButton:hover{
	padding:5px;
	border:1px solid #aaa;
	background:#fff;
	font-size:80%;
	color:#ff3300;
	cursor:pointer;
}

#purchaseform label {
	font-size:80%;
	font-weight:bold;
}

			/* = #stepNav2 & #stepNav3 & #stepNav4 & #stepNav5
			----------------------------------------------------------------------------------------------------*/
			#stepNav {
				height:50px;
			}
			#stepNav li{
				height:50px;
				list-style:none;
				float:left;
				background-color:#EBEBEB;
				background-image: url(http://www.digication.com/images/navBtn.gif);
				background-repeat: no-repeat;
				background-position: right top;
				margin-top:10px;
			}

			#stepNav li.current{
				background-color:#ff3300;
				background-image: url(http://www.digication.com/images/navCurrentBtn.gif);
			}

			#stepNav li.lastDone{
				background-color:#ffaa88;
				background-image: url(http://www.digication.com/images/navLastDoneBtn.gif);
			}

			#stepNav li.done{
				background-color:#ffaa88;
				background-image: url(http://www.digication.com/images/navDoneBtn.gif);
			}

			#stepNav li a, #stepNav li a:link, #stepNav li a:visited, #stepNav li a:hover, #stepNav li a:active {
			color:#ccc;
			text-decoration:none;
			}

			#stepNav li.lastDone a, #stepNav li.lastDone a:link, #stepNav li.lastDone a:visited, #stepNav li.lastDone a:hover, #stepNav li.lastDone a:active, #stepNav li.current a, #stepNav li.current a:link, #stepNav li.current a:visited, #stepNav li.current a:hover, #stepNav li.current a:active, #stepNav li.done a, #stepNav li.done a:link, #stepNav li.done a:visited, #stepNav li.done a:hover, #stepNav li.done a:active {
			color:#fff;
			}

			#stepNav li.done a:hover, #stepNav li.lastDone a:hover  {
			color:#ff3300;
			cursor:hand;
			}

			#stepNav li a em{
			width:150px;
			display:block;
			margin:15px 0 0 10px;
			font-style:normal;
			font-weight:bold;
			font-size:80%;
			}

			#stepNav li a span{
			width:140px;
			display:block;
			margin-left:10px;
			font-weight:normal;
			font-size:80%;
			
			}

			#stepNav li.stepNavNoBg{
			background-image:none;
			}

			#stepNav li a{
			height:50px;
			display:block;
			font-size:80%;
			5
			}

			/* #stepNav.fiveStep */
			#stepNav.fiveStep li{width:182px;}
			#stepNav.fiveStep li a{width:182px;}

			/* #stepNav.fourStep */
			#stepNav.fourStep li{width:170px;}
			#stepNav.fourStep li.stepNavNoBg{width:159px;}
			#stepNav.fourStep li a{width:150px;}

			/* #stepNav.threeStep */
			#stepNav.threeStep li{width:303px;}
			#stepNav.threeStep li.stepNavNoBg{width:304px;}
			#stepNav.threeStep li a{width:303px;}

			/* #stepNav.twoStep */
			#stepNav.twoStep li{width:455px;}
			#stepNav.twoStep li a{width:455px;}

			#stepNav.twoStep li a{width:455px;}
			
			
.hide {display:none}

			
			
			.graybox{
				background:#999;
				color:#fff;
				padding:10px;
				margin-bottom:10px;
			}
			.graybox h4{
				color:#fff;
			}
			.graybox h4 a{
				color:#fff;
			}
			.grabox h6{
				color:#fff;
				font-size:90%;
			}
			.orangebox{
				background:#ff3300;
				color:#fff;
				padding:10px;
				margin-bottom:10px;
			}
			.orangebox h4{
				color:#fff;
			}
			.orangebox h4 a{
				color:#fff;
			}
			.orangebox h6{
				color:#fff;
				font-size:90%;
			}
			
.footerlist a:link, .footerlist a:visited{
	color:#333;
}

.footerlist a:hover, .footerlist a:active{
	color:#999;
}
.archiveentry img{
	display:none;
}