/* CSS Document */
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	text-align: center;
	scrollbar-face-color: #93AFDB;
	scrollbar-shadow-color: #93AFDB;
	scrollbar-highlight-color:#93AFDB;
	scrollbar-3dlight-color: #93AFDB;
	scrollbar-darkshadow-color: #000000;
	scrollbar-track-color: #B6C9E7;
	scrollbar-arrow-color: #C3D6DA;
}

body {
	text-align: -moz-center;
}

#main {
	background-image: url(../images/site_bg.jpg);
	background-repeat: no-repeat;
	height: 612px;
	width: 792px;
	text-align: left;
	overflow: hidden;
}

#main_inside {
	background-image: url(../images/header_bg_small.jpg);
	background-repeat: no-repeat;
	height: 100%;
	width: 792px;
	text-align: left;
	overflow: hidden;
}

#logo {
	margin-left: 20px;
	margin-top: 15px;
	width: 300px;
	float: left;
}

#titletext {
	text-align: right;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: 600;
	width: 420px;
	margin-top: 20px;
}

#content {
	width: 728px;
	height: auto;
	border-left: 2px solid #973542;
	border-right: 2px solid #973542;
	padding-left: 8px;
	padding-right: 8px;
	margin-left: 20px;
	margin-top: 35px;
}

#toplinks {
	text-align: center;
	margin-top: 15px;
	width: auto;
}

#toplinks_home {
	text-align: center;
}

#toplinks_home a, #toplinks a {
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	color:#000000;
}

#toplinks_home a:hover, #toplinks a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#toplinks_home a.currentpage, #toplinks a.currentpage {
	color: #92000B;
	text-decoration: none;
}

#toplinks_home span, #toplinks span {
	margin: 0px 8px 0px 8px;
}

#page_content {
	font-size: .75em;
	height: 360px;
	background-color: #FFFFFF;
	text-align: left;
	margin: 8px 0px 8px 0px;
	padding: 10px;
	border: 1px solid #000;
	overflow: auto;
}

#page_content_inside {
	font-size: .75em;
	text-align: left;
	padding: 5px 10px 10px 10px;
	float: left;
	width: auto;
}

.floatleft {
	float: left;
}

#left_page {
	width: 525px;
	border-right: 2px solid #973542;
	vertical-align: top;
	float: left;
}

p {
	padding: 5px;
	text-align: center;
}

#left_page p {
	padding: 4px;
}

#left_page div {
	float: left;
	width: 240px;
}

a.textlinks {
	color: #92000B;
	text-decoration: none;
	font-weight: 600;
}

a.textlinks:hover {
	color: #BC0210;
}

.headings {
	color: #973542;
	font-size: 14px;
	font-weight: 600;
	display: block;
	float: left;
	width: 770px;
}

#right_page {
	float: left;
	width: 170px;
	text-align: center;
}

#right_page div {
	margin-top: 15px;
}

#bottom {
	text-align: right;
}

#bottom2 {
	background-image: url(../images/footer_bg_small.jpg);
	background-repeat: no-repeat;
	width: 792px;
	height: 63px;
	float: left;
}

.bottomlinksdiv {
	text-align: right;
	padding-right: 20px;
}

#bottom span {
	margin: 0px 6px 0px 6px;
}

a.bottomlinks {
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
}

a.bottomlinks:hover {
	text-decoration: underline;	
}

.viewdemo {
	background-image:url(../images/view_demo_img.jpg);
	background-repeat: no-repeat;
	width: 218px;
	height: 231px;
}

.viewdemolink {
	margin-top: 10px;
	width: 200px;
}

#footer {
	font-size: 11px;
	font-weight: 600;
	color: #FFFFFF;
	text-align: center;
	margin-top: 10px;
}

.footer_inside {
	font-size: 11px;
	font-weight: 600;
	color: #FFFFFF;
	text-align: center;
	margin-top: 20px;
}

h1 {
	font-size: 13px;
	color: #0E5F95;	
	text-align: left;
	font-weight: 600;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}

#template_main p, #textdiv p {
	text-align: left;
	margin: 5px 0px 15px 0px;
	padding: 0px 0px 0px 15px;
}

div.hrline {
	float: left;
	display: block;
	text-align: center;
	width: 780px;
}

hr {
	background-color: #92000B;
	width: 85%;
	height: 3px;
	text-align: center;
}

div.hrtempline {
	float: left;
	display: block;
	text-align: center;
	width: 600px;
}

hr.hrtemplate {
	background-color: #CAA1A4;
	width: 85%;
	height: 3px;
	text-align: center;
}

#textdiv div.images, #programs div.images {
	width: 220px;
	text-align: center;
	padding: 5px;
	float: left;
}

#textdiv div.programtext, #programs div.programtext {
	width: 520px;
	text-align: left;
	padding: 5px;
	float: left;
}

#giftbrands {
	float: left;
	width: 720px;
}

#giftbrands ul {
	float: left;
	display: block;
	list-style: none;
}

#giftbrands li {
	padding: 15px;
}

#contactimg label {
	width: 60px;
	display: block;
	float: left;
	font-weight: 600;
}

#contactimg span {
	width: 250px;
	display: block;
}

#contact div {
	padding-left: 10px;
	margin-top: 20px;
	float: left;
}

#contact div span {
	display: block;
	margin-top: 5px;
	width: auto;
}

#contact div label {
	margin-top: 5px;
	width: 120px;
	display: block;
	float: left;
	font-weight: 600;
}

select, input.text {
	width: 200px;
}

#contact div textarea {
	width: 360px;
}

.button {
	border:1px solid #093C70;
	padding:2px;
	font-size:10px;
	color:#000000; 
	font-weight: 600;
	background-color:#f4f4f4;
	padding-right:1px;
	padding-left:5px;
	background-image: url(../images/bottomstrip.jpg);
	background-repeat: no-repeat;
}

#clients p {
	display: block;
	width: 220px;
	height: auto;
	padding: 15px;
	text-align: center;
}

#clients {
	text-align: center;
}

#clients div {
	float: left;
	text-align: center;
}

/* template styles starts */

#template_main {
	float: left;
}

#template_main #headings {
	float: left;
	margin-top: 15px;	
}

span.CE_logo {
	float: left;
	display: block;
}

.steps1234 {
	float: right;
	padding-right: 20px;
	display: block;
}

#templates div {
	float: left;
	text-align: center;
	display: block;
	padding-left: 60px;
	margin: 0px;
}

#templates {
	text-align: center;
	width: 766px;
	float: left;
	padding-top: 10px;
	border-left: 2px solid #27496C;
	border-right: 2px solid #27496C;
	background-color: #EAEFF3;
}

#templates div p {
	text-align: right;
	margin: 0px 0px 20px 0px;
}

#templates div h1 {
	text-align: center;
	padding: 0px;
	margin: 0px;
	color: #27496C;
}

#template_links {
	text-align: left;
	width: 300px;
	height: 120px;
	float: left;
}

#template_links ul {
	list-style: none;
	margin: 0px 0px 0px 10px;
	float: left;
}

#template_links2, #template_links2_bottom {
	width: 770px;
	float: left;
}

#template_links2_bottom span.prev, #template_links2 span.prev {
	display: block;
	width: 200px;
	text-align: left;
	float:left;
}

#template_links2 span.save {
	display: block;
	width: 150px;
	text-align: left;
	float:left;
	padding-left: 90px;
}

#template_links2_bottom, #template_links2 span.nexts {
	display: block;
	width: 180px;
	text-align: right;
	float: right;
	padding-left: 80px;
}

#template_links3, #template_links3_bottom {
	text-align: center;
	width: 460px;
	padding-left: 310px;
	float: left;
}

a.nextstep {
	background-image: url(../images/next_step.gif);
	background-repeat: no-repeat;
	display: block;
	width: 175px;
	height: 35px;
	text-decoration: none;
	float: left;
}

a.nextstep:hover {
	background-image: url(../images/next_step_over.gif);
	background-repeat: no-repeat;
	width: 175px;
	height: 35px;
	display: block;
	text-decoration: none;
}

a.savestep {
	background-image: url(../images/save_finish.gif);
	background-repeat: no-repeat;
	width: 175px;
	height: 35px;
	display: block;
	text-decoration: none;
	float: left;
}

a.savestep:hover  {
	background-image: url(../images/save_finish_over.gif);
	background-repeat: no-repeat;
	width: 175px;
	height: 35px;
	display: block;
	text-decoration: none;
}

a.prevstep {
	background-image: url(../images/previous_step.gif);
	background-repeat: no-repeat;
	width: 175px;
	height: 35px;
	display: block;
	text-decoration: none;
	float: left;
}

a.prevstep:hover {
	background-image: url(../images/previous_step_over.gif);
	background-repeat: no-repeat;
	width: 175px;
	height: 35px;
	display: block;
	text-decoration: none;	
}

#template_links a {
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	color:#92000B;
}

#template_links a:hover {
	color: #BC0210;
	text-decoration: underline;
}

#template_main sup {
	font-size: 9px;
}

.curvebg {
	width: 770px;
	float: left;
}

.curvebg2 {
	width: 425px;
	float: right;
	margin-top: 10px;
}

.curvebg2_forward {
	width: 355px;
	float: right;
	margin-top: 10px;
}

.curvebg_bot {
	float: left;
	width: 100%;
}

.curvebg3 {
	width: 405px;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
}

.curvebg31 {
	width: 405px;
	float: left;
	margin-top: 40px;
	margin-right: 10px;
}

.curvebg4 {
	width: 305px;
	float: left;
	margin-top: 10px;
	background-color: #EAEFF3;
	margin-left: 10px;
}

.curvebg41 {
	width: auto;
	border-left: 2px solid #27496C;
	border-right: 2px solid #27496C;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}

div.emailpolicy {
	margin: 10px 0px 30px 10px;
	float: left;
	width: 155px;
	padding-left: 150px;
}

div.emailpolicy ul {
	list-style: none;
	margin: 0px;
}


/* Curved div starts */
.rtop, .rbottom{
	display:block;
	background:#EFECFA;
}
.rtop *, 
.rbottom *{
	display: block;
	height: 1px;
	overflow: hidden;
	background: #27496C;
}
.r1 {
	margin: 0 5px
}
.r2	{	
	margin: 0 3px
}
.r3	{	margin: 0 2px
}
.r4	{
	margin: 0 1px;
	height: 2px
}
/* Curved div ends */

/* templates step 2 */

#selectcolors {
 background-color: #FFFFFF;
 padding-top: 15px;
 height: 200px;
 text-align: center;
}

#selectfonts {
 background-color: #FFFFFF;
 margin-top: 10px;
}

#selectcolors ul {
	list-style: none;
	margin: 10px 0px 0px 0px;
	padding-left: 8px;
	display: block;
}

#selectcolors ul {
 list-style: none;
 margin: 10px 0px 0px 0px;
 padding-left: 8px;
 display: block;
 float: left;
}

#selectcolors li {
 display: block;
 width: 30px;
 height: 20px;
 text-align: center;
 vertical-align: middle;
}

.palette_buttons {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;	
	width: 100%;
	float: left;
}

.savetemplate {
	text-align: center;
	width: 770px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

#temp_template {
	background-image: url(../images/template_sel_bg.gif);
	background-repeat: no-repeat;
	float: left;
	width: 300px;
	height: 265px;
	margin: 10px 0px 0px 0px;
	padding: 40px 0px 0px 40px;
}

span.preview {
	display: block;
	float: left;
	text-align: left;
	margin-top: 90px;
}
span.preview_step3 {
	display: block;
	float: left;
	text-align: left;
	margin-top: 20px;
	margin-left: 150px;
}

#temp_template2 {
	border-left: 2px solid #27496C;
	border-right: 2px solid #27496C;
	float: left;
}

#templates_step2 {
	width: 770px;
	float: left;
}

#temp2 {
	float: right;
	width: 420px;
	background-color: #EAEFF3;	
}

#tempholder {
 border-left: 2px solid #27496C;
 border-right: 2px solid #27496C;
 height: 330px;
 background-color:#EAEFF3;
}

#temp2 p {
	display: block;
	width: 380px;
	text-align: right;
	padding-right: 20px;
	margin: 0px;
}

#emailfriend {
	float: right;
	width: 420px;
	border-left: 2px solid #27496C;
	border-right: 2px solid #27496C;
	background-color: #EAEFF3;
}

#step2_content {
	float: right;
	width: 420px;
	border-left: 2px solid #27496C;
	border-right: 2px solid #27496C;
	background-color: #EAEFF3;
}

#step2_forward {
	float: right;
	width: 350px;
	border-left: 2px solid #27496C;
	border-right: 2px solid #27496C;
	background-color: #EAEFF3;
}

.step2hr {
	width: 400px;
	text-align: center;
	display: block;
	float: left;
}

.step2hr_forward {
	width: 330px;
	text-align: center;
	display: block;
	float: left;
}

#step2_content hr, #step2_forward hr, #emailfriend hr {
	width: 85%;
	background-color: #CAA1A4;
	height: 3px;
	text-align: center;
}

#emailfriend label {
	width: 120px;
	display: block;
	font-size: 12px;
	color: #27496C;
	font-weight: 600;
	float: left;
}

#step2_content label, #uploadlogo label {
	width: 100px;
	display: block;
	font-size: 12px;
	color: #27496C;
	font-weight: 600;
	float: left;
}

#step2_forward label {
	width: 100px;
	display: block;
	font-size: 12px;
	color: #27496C;
	font-weight: 600;
	float: left;
}

#emailfriend span {
	width: 250px;
	display: block;
	float: left;
}

#step2_content span {
	width: 270px;
	display: block;
	float: left;
}

#step2_forward span {
	width: 200px;
	display: block;
	float: left;
}

#template_main div.alcenter {
	margin-top: 10px;
	text-align: center;
	width: 770px;
}

div.alert {
	color: #FF0000;
	font-weight: 600;
	font-size: 12px;
	text-align: center;
	float: left;
}

#savesteps3 {
	float: left;
	padding-top: 10px;
	width: 770px;
}

.savestepform {
	margin: 0px 0px 0px 230px;
	width: 305px;
	border: 2px solid #27496C;
	background-color: #EAEFF3;
}

/* template styles ends */

/* Admin styles start */

#adminmain {
	text-align: center;
	width: 766px;
	float: left;
	padding-top: 10px;
	border-left: 2px solid #27496C;
	border-right: 2px solid #27496C;
}

#adminmain div {
	float: left;
	text-align: center;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0px;
}

.tableheader {
	font-size: 12px;
	font-weight: 600;
	color: #000000;
	text-align: center;
	background-color: #97942C;	
}

.adminheadings {
	color: #27496C;
	font-weight: 600;
	font-size: 15px;
	background-color: #EAEFF3;
}

tr.rowbg1 {
	background-color: #EBECC7;
}	

.tableheader a {
	color: #ffffff;
	text-decoration: none;
	font-weight: 600;
}

.tableheader a:hover {
	color: #BC0210;
}

.message {
	font-size: 13px;
	color: #0E5F95;	
	text-align: left;
	font-weight: 600;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}

div.adminforms {
	width: 100%;
	text-align: center;
}

/*Admin styles end */

#uploadlogo {
	float: left;
	margin-top: 10px 10px 10px 10px;
	padding: 5px 5px 5px 5px;
	width: 400px;
	text-align: center;
	background-color: #EAEFF3;
}
div.menu1  {
  position:absolute; visibility:hidden;
  width:180px; left:0; top:0; z-index:700;
  font-size:11px; height:220px;
  background-color:#EAEFF3;
}
 
#selectfonts select {
 margin-left: 15px;
 margin-top: 5px;
}
 
#selectcolors {   /* this is to align center the color palette in mozilla */
 text-align: -moz-center;
}
 
#emailfriend span img {
 padding: 0px;
 vertical-align: bottom;
}
 
#step2_content span img {
 padding: 0px;
 vertical-align: bottom;
}
#uploadlogo span {
	float: left;
}
.disabled{
	color:#666666;
}
.small{
	font-size: 75%;
}
.red{
	color:#CC3333 ;
}