body
{
	font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333;
		background-color:#313847;
		text-align:center; /* to center the container in ie5.5 and below */
		padding: 0px;
		margin: 0px !important;
}

Table.MainTable
{	
	border-bottom: solid 1px #999999;	
	border-left: solid 1px #999999;	
	border-right: solid 1px #999999;	
}

.SSTextBoxes
{
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 12px;
	color: #666666;
	background-color: Yellow;
	
}


.GeneralTextNew {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #323848;
	line-height: 20px;
	font-weight: bold;
}


.GeneralText
{
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 12px;
	color: #666666;	
}

.TermsAndConditions
{
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 12px;
	color: #000000;	

}

.MailingInfoText
{
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 14px;
	color: #000000;	
	font-weight: bold;
}

.RedText
{
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 12px;
	color: #FF0000;
}

div#tipDiv {
  background-color: #FFC;
  border: 1px solid #336;
  left: 0;
  line-height: 1.2;
  padding: 0 10px 0 10px;
  padding: 10px;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 250px;
  z-index: 10000;
}


.ProjectCenterTotalPrice
{
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 12px;
	color: #000000;
	font-weight:bolder;
	padding-bottom: 0px;
	margin-bottom: 0px;	
}

.BlackGeneralText
{
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 12px;
	color: #000000;
	font-weight:normal;	
}

.BoldGeneralText
{
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 12px;
	color: #000000;
	font-weight: bold;	
}

.ErrorText
{
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 12px;
	color: Red;	
}

.BoldErrorText
{
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 12px;
	color: Red;
	font-weight:bold;
		
}

.HiddenTextBoxes
{
	 width: 0px;
	 height: 0px;
	 color: White;
	 text-decoration: none;
	 border: solid 0px white;
}

.PriceText
{
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 12px;
	color: #000000;	
	font-style: normal;
	font-weight: bold;
}

.TemplateGrid
{
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 12px;
	color: #666666;	
	border: #999999 1px solid;
	padding: 5 5 5 10;
}

td.GridHeader
{
	background-color: #083B73;	
	padding: 5 5 5 10;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
	height:35px;
	
}

TD.ContentHeader
{
	background-color: #C7E1B0;	
	padding: 5 5 5 10;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;	
	font-size: 12px;
	
}

.TemplateFileUpload
{
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 10px;
	color: #666666;
	color:Blue;	
	width: 200px;
	border: solid 1px #999999;
	
}

.dvFolder
{
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 12px;
	color: #666666;		
	font-weight:bold;
	/*cursor: hand;*/
}

.dvParentFolder
{
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 12px;
	color: #000000;		
	font-weight:bold;
	/*cursor: hand;*/
}

.dvFile
{
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 10px;
	color: #666666;		
	/*cursor: hand;*/
}

.CDFVHeader
{
	border-bottom: solid 1px #000000;	
	border-left: solid 0px #000000;	
	border-right: solid 0px #000000;	
	border-top: solid 0px #000000;
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 12px;
	color: #666666;			
}

.CDFVRow
{
	border-bottom: solid 1px #666666;	
	border-left: solid 0px #000000;	
	border-right: solid 0px #000000;	
	border-top: solid 0px #000000;
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 12px;
	color: #666666;			
}

.grip {
  position: absolute; 
  width: 10px;
  height: 5px;
  border: 1px solid red;
  background-color: white;
  cursor: crosshair;
}


.sample {
  border: 1px dotted #999;
  position: relative;
  height: 140px;
  margin-bottom: 1em;
  margin: 0px 40px 15px 20px;
}

.resizable {
  border: 0px solid #444;
}
.rect {
  position: absolute;
  
}


.ProjectSummary
{
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 11px;
	color: #666666;		
}


	#container
	{
		margin: 0px;
		padding: 0px;	
	}

	#content-container
	{
		clear:both;
		background-color:#FFF;
		width:980px;
		padding: 10px;
		background-color: #6e788c;
		
	}
	html>body #content-container { width:980px; /* for Opera 5 */ } 

	#content-container h1
	{
		margin-top:-2px;
		text-transform:uppercase;
		font-family:'Arial Black', Gadget, sans-serif;
		font-size:18px;
		background-color:#45526e;
		color:#FFF;
		padding:7px 10px;
		margin-bottom:10px;
		border:2px solid #eee;
	}

	.content-container-spacer-top { clear:both; margin-top:16px;}

	.content-container-spacer-bottom { clear:both; height:15px; }

	/* --- styles for the rounded corners --- */
    #content-container { position:relative; margin: auto;}
    #content-container em b { position:absolute; font-size:150px; font-family:arial; color:#FFF; line-height:40px; font-weight:normal; }
    #inner-content {height: 100%; position:relative; z-index:100; padding:20px 20px 40px 20px; text-align: left; background-color: #FFF; }


/*  ======================== CONTENT ======================== */
	
	#content
	{
		width:940px;
		float:left;
	}

/*  ======================== FOOTER ======================== */
#order-button {
		position:absolute;
		right:-20px;
		top:-25px;
		z-index:9999;
		visibility:hidden;
	}

#header {
		width:100%;
		height:108px;
	}

	#header-logo
	{
		float:left;
	}

	#header-topnav
	{
		margin-top:23px;
		float:right;
	}

		#header-topnav li
		{
			float:left;
			margin-left:7px;
		}
		
	#header-bottomnav
	{
		clear:both;
		margin-top:12px;
	}

		#header-bottomnav li
		{
			border-bottom:1px solid #81816b;
			float:left;
		}
		
		
	
/* 	================================================================================================
 	Footer
 	================================================================================================ */
	#footer, #footer a {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#FFFFFF;
		text-decoration:none;	
		text-align:center;
		margin-top:25px;
		margin-bottom: 25px;
	}
	#footer a:hover {
		color:#ED8707;
		text-decoration:none;
	}
	

	.preload-images {
		display:none;
	}
/* 	================================================================================================
 	Container > Lower Content
 	================================================================================================ */

	#lower-content {
	position:relative;
	width:980px;
	height:93px;
	margin-top:10px;
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;	
	}

	#tour {
	background-image:url(../includes/images/header/topnav/dm/lowerContent/tour.gif);
	background-repeat:no-repeat;
	background-position:left;
	position:absolute;
	width:245px;
	height:93px;
	left:0px;
	top:0px;
	}
	
	#tour:hover {
	background-image:url(../includes/images/header/topnav/dm/lowerContent/tour_f2.gif);
	background-repeat:no-repeat;
	background-position:left;
	position:absolute;
	width:245px;
	height:93px;
	left:0px;
	top:0px;
	}
	
	#home-testimonial {
	background-image:url(../includes/images/header/topnav/dm/lowerContent/home-testimonial.gif);
	background-repeat:no-repeat;
	background-position:left;
	position:absolute;
	width:424px;
	height:93px;
	left:272px;
	top:0px;
	}
	
	#home-help {
	background-image:url(../includes/images/header/topnav/dm/lowerContent/home-help.gif);
	background-repeat:no-repeat;
	background-position:left;
	position:absolute;
	width:219px;
	height:93px;
	left:730px;
	top:0px;
	}
	
	#home-help:hover {
	background-image:url(../includes/images/header/topnav/dm/lowerContent/home-help_f2.gif);
	background-repeat:no-repeat;
	background-position:left;
	position:absolute;
	width:219px;
	height:93px;
	left:730px;
	top:0px;
	}
	
	#divider1, #divider2, #divider3, #divider4 {
	position:absolute;
	background-image:url(../includes/images/header/topnav/dm/lowerContent/divider.gif);
	background-repeat:no-repeat;
	background-position:left;
	width:15px;
	height:93px;
	}
	
	#divider1{
	left:246px;
	top:0px;
	}
	#divider2{
	left:702px;
	top:0px;
	}
	#divider3{
	left:270px;
	top:0px;
	}
	#divider4{
	left:780px;
	top:0px;
	}
	
	/******************************************************************************************************************
	 Help Center 
	*****************************************************************************************************************/
	#HelpCenterTable
	{
		width: 980px !important;	
	}


	#mainHelp {
	margin:auto;
	position:relative;
	clear:both;
	padding-top:10px;
	padding-bottom:10px;
	width: 916px;
	height: 300px;	
}

#helpTree {	
	float:left;
	width:195px;
	height: 280px;
	overflow:auto;
	padding: 10px;
	border: 1px solid #999999;
	text-transform: uppercase;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

#helpTree ul {
	list-style-position:outside;
}

#helpText {
	width:676px;	
	height: 300px;
	float: left;
	overflow:auto;
	padding-left:10px;
	padding-right:10px;
	line-height: 1.5em;
	
}


/* =========================== Pre Project Center===========================*/

#PreProjectCenterMainTable
{
	width: 100%;	
}

#PreProjectCenterContent
{
	padding-top: 20px;
	padding-left: 30px;
	width: 740px;
		
}
.UploadContentImg
{
	margin-bottom: 20px;
}


#PreProjectCenterDesign
{
	padding-top: 20px;
	padding-left: 30px;
	width: 740px;
		
}

/*	=============================================================================================================
	No Script
	============================================================================================================= */
	
	#no-script
	{
		position:absolute; 
		top:0; 
		left:0; 
		width:100%; 
		height:100%; 
		background-color:#fff;
		z-index:9997;
	}
	
	#no-script div
	{
		padding:20px;
	}
	
	#no-script h4
	{
		color:#d41f08;
		font-weight:bold;
		font-size:18px;
		margin-bottom:15px;
	}
	
	#no-script p
	{
		line-height:20px;
		margin-bottom:15px;
		font-style:italic;
		color:#000;
	}
	
	#no-script table
	{
		width:100%;
		border:1px dashed #ddd;
		border-width:2px 0 0 2px;
	}
	
	#no-script td
	{
		vertical-align:top;
		padding:15px;
		border:1px dashed #ddd;
		border-width:0 2px 2px 0;
	}
	
	#no-script h5
	{
		font-weight:bold;
		color:#0c498c;
		font-size:14px;
		margin-bottom:5px;
	}
	
	#no-script h5 img
	{
		vertical-align:middle;
		margin-right:5px;
	}
	
	#no-script li
	{
		margin-bottom:4px;
	}



/*	=============================================================================================================
	Top Bar
	============================================================================================================= */
	
	#ctl00_divTopBar
	{
		height:25px;
		line-height:25px;
		background-color:#ED8707;
	}
	
	#top-bar
	{
		width:980px;
		position:relative;
		margin:0 auto;
	}
	
	#top-bar a
	{
		position:absolute;
		font-weight:bold;
		font-size:12px;
		color:#fff;
		text-decoration:underline;
	}
	
	#top-bar a:visited { color:#FFF; }
	#top-bar a:hover { color:#313847; }
	
	#classic { left:0 }
	#feedback { right:0 }

/* Styles for new navigation */
 body, #content-container {background-color:#0c498c !important; }
        #top-nav, #footer {
            width: 980px;
            position: relative;
            margin: 0 auto;
            z-index: 1;
        }
        #logo {
        display: block;
        float: left;
        margin-top: 30px;
        border:0;
        }
        #top-nav ul {
			float: right;
			margin-top: 52px;
			text-align: center;
			list-style-type: none;
		}
        #top-nav ol, li 
        {
        	list-style:none;
        }
        #top-nav ul a:hover {
        color: #ED8707;
        text-decoration: none;
        }
      
        #top-nav ul a {
        color: white;
        font-weight: bold;
        font-size: 12px;
        text-decoration: none;
        display: block;
        padding-top: 6px;
        }
        #top-nav li.products {
        background-image: url(../includes/images/Header/topnav/DM/nav-101.jpg);
        background-repeat: no-repeat;
        background-position: 0 0;
        display: block;
        width: 101px;
        }
        #top-nav li.templates {
        background-image: url(../includes/images/Header/topnav/DM/nav-97.jpg);
        background-repeat: no-repeat;
        background-position: 0 0;
        display: block;
        width: 97px;
        }
        #top-nav li.new {
        background-image: url(../includes/images/Header/topnav/DM/nav-108.jpg);
        background-repeat: no-repeat;
        background-position: 0 0;
        display: block;
        width: 108px;
        }
        #top-nav li.myaccount {
        background-image: url(../includes/images/Header/topnav/DM/nav-106.jpg);
        background-repeat: no-repeat;
        background-position: 0 0;
        display: block;
        width: 106px;
        }
        #top-nav li.help {
        background-image: url(../includes/images/Header/topnav/DM/nav-65.jpg);
        background-repeat: no-repeat;
        background-position: 0 0;
        display: block;
        width: 65px;
        }
        #top-nav li {
		display: block;
		float: left;
		margin-left: 25px;
		height: 28px;
		}
		/*login-out button */
	

		.login-button img, .logout-button img {
		position: absolute;
		top: 0px;
		right: 0px;
		margin: 0;
		width: 58px !important;
		height: 24px !important;
		}

		a, button {
		color: inherit;
		}
		.clear-content20 {
			clear: both;
			height: 20px;
		}
		.clear-content30 {
			clear: both;
			height: 30px;
		}
		.clear-both {
			clear: both;
		}
		/* footer styles */
		#footer ul {
			background-image: url(../includes/images/Header/topnav/DM/footer-fade.jpg);
			background-position: 0 0;
			background-repeat: no-repeat;
			float: left;
			min-height: 106px;
			min-width: 111px;
			padding: 12px;
			color: #CCC !important;
			font-size: 11px;
			line-height: 18px;
			margin-right: 21px;
			text-align: left;
		}
		#footer .title, #footer .title a {
			color: white;
			font-size: 15px;
			font-weight: bold;
			margin-bottom: 5px;
		}
		#footer li a:hover {
		color: #CD8833;
		text-decoration: underline;
		}

		#footer li a {
		color: #CCC;
		text-decoration: none;
		}

		#email-signup {
			background-image: url(../includes/images/Header/topnav/DM/footer-emailbg.jpg);
			background-repeat: no-repeat;
			width: 221px;
			height: 104px;
			padding: 10px;
			float: right;
			text-align: left;
		}
		
		.float-left {
			float: left;
		}
		#footer-rule {
			margin-top: 20px;
			padding-bottom: 20px;
			border-top: 1px solid #638AB5;
		}
		a#footer-logo {
			background-image: url(../includes/images/Header/topnav/DM/footer-logo.gif);
			display: block;
			float: left;
			margin-right: 10px;
			margin-top: 4px;
			width: 111px;
			height: 11px;
		}
		#footer a 
		{
			border:0;
		}
		.white12 {
			font-size: 12px;
			line-height: 20px;
			color: white;
		}
		.white13 {
			font-size: 13px;
			line-height: 20px;
			color: white;
		}
		.white15 {
			font-size: 15px;
			line-height: 22px;
			color: white;
		}

		.bold {
			font-weight: bold;
		}
		#footer-social {
			float: right;
		}
		#footer-social img {
			margin-left: 15px;
			vertical-align: middle;
		}
		#footer img 
		{
			border:0;
		}
		a#subscribe:hover {
			background-position: bottom;
		}

		a#subscribe {
			float: left;
			background-image: url(../includes/images/Header/topnav/DM/btn-subscribe.png);
			background-position: top;
			height: 21px;
			width: 80px;
			margin-top: 10px;
		}