/* -- Standard Text Stylesheet -- */
@import url(interface.css);

img{border: 0px;}

a:link, a:visited{color: #D84D75; text-decoration: none;}
a:hover{color: #FF83A7; text-decoration: underline;}

/* ------------------------------------------------------------- 
Notifications 
------------------------------------------------------------- */
#notifications{
	padding-bottom: 10px;
}
ul#notes{
	background: #E1DACC;
	width: 700px;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	border: 1px solid #7F7564;
}
ul#notes li{
	list-style: none;
	font-size: 11px;
	padding: 2px 10px;
	margin: 0px;
	border-bottom: 1px solid #CABEA7;
	border-top: 1px solid #FFF;
}
ul#notes li#error{
	background: #EEEAE2 url(/images/icon_note_error.gif) no-repeat 5px 50%;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0 10px 35px;
}
ul#notes li#success{
	background: #EEEAE2 url(/images/icon_note_success.gif) no-repeat 5px 50%;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0 10px 35px;
}
#trialbox{
	border: 1px solid #C5D0DB;
	background: #FFF;
	margin: 0 auto 10px auto;
	width: 710px;
}
#trialbox p{
	font-size: 11px;
	text-align: left;
	padding: 10px 0 10px 30px;
	margin: 0px;
	background: url(/images/icon_hint.gif) no-repeat left 50%;
}

/* ------------------------------------------------------------- 
Header Styles 
------------------------------------------------------------- */
#body_container{
	background: url(/images/title_bg.png) no-repeat top;
	padding: 0px;
	margin: 0 auto;
	width: 760px;
}
a#preview{float: right; margin: 5px 10px;}
#nopreview_spacer{width: 0px; height: 50px;}
h1#sectiontitle{
	margin: 0 0 35px 0;
	padding: 5px 0 0 0;
	font-size: 18px;
	font-weight: normal;
	font-family: "Times New Roman", Georgia, serif;
	color: #D84D75; 
	clear: right;
}

#title_box h1 span{display: none;}

p.breadcrumbs{
	text-align: left;
	width: 650px;
	margin: 0 22px;
	padding: 0 0 12px 0;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #333;
}
p.breadcrumbs a:link, p.breadcrumbs a:visited{color: #D84D75;}
p.breadcrumbs a:hover{color: #FF5B8A;}

/* ------------------------------------------------------------- 
Account Overview 
------------------------------------------------------------- */

/* Login Page */


/* Account Home */

#myaccount_column1{
	clear: both;
	float: left;
	text-align: left;
	padding-left: 25px;
	
}
#myaccount_column2{
	float: left;
	text-align: left;
	padding-left: 15px;
	
}
#myaccount_column1 .launch{
	background: url(/images/bg_launch.png) no-repeat top;
	width: 500px;
	height: 245px;
	margin-bottom: 20px;
}
.launch p#countdown{
	font-size: 18px; 
	margin: 0px; 
	color: #FFF;
	background: url(/images/text_yourweddingday.gif) no-repeat left 50%;
	padding: 7px 0 10px 172px;
}
.launch p#countup{
	font-size: 18px; 
	margin: 0px; 
	color: #FFF;
	background: url(/images/text_marriedfor.gif) no-repeat left 50%;
	padding: 7px 0 8px 195px;
}
.launch p#getstarted{
	font-size: 14px;
	margin: 0px;
	padding: 5px 0 4px 11px;
	color: #FFF;
}
.launch a.stepbuttons{text-align: center; margin: 10px;}
.launch table tr td{
	background: url(/images/divider_launch_horiz.gif) repeat-x top;
	margin: 0px;
	padding: 5px 0px;
}
.launch tr.blank td{background: none;}
.launch  tr.top td{background: none;}
#myaccount_column1 .launch table{
	margin: 0 10px 20px 10px;
	padding: 0px;
	border: 0px;
	width: 480px;
}

#myaccount_column1 .section{
	background: url(/images/bg_accounthome_title.png) no-repeat top;
	width: 500px;
}
#myaccount_column2 .section{
	background: url(/images/bg_accounthome_title_small.png) no-repeat top;
	width: 195px;
}
#myaccount_column1 .accounteditbutton, #myaccount_column2 .accounteditbutton{float: right; margin-top: 10px;}
#myaccount_column1 h2{
	font-size: 14px;
	margin: 5px 0;
	padding: 7px 0 7px 37px;
	color: #333;
}
#myaccount_column1 .launch h2#welcome strong{
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #FFF;
	text-shadow: #7392AB 2px 2px 0px;
	display: block;
}
#myaccount_column1 .launch h2#welcome{
	font-size: 13px;
	margin: 5px 0;
	padding: 7px 0 7px 37px;
	font-weight: normal;
	color: #FFF;
}
#myaccount_column2 h2{
	font-size: 11px;
	margin: 5px 0;
	padding: 7px 0 7px 28px;
	color: #333;
}
#myaccount_column1 .launch h2#welcome{ background: url(/images/icon_h2_welcome.gif) no-repeat left 50%;}
#myaccount_column1 h2#accountinfo{ background: url(/images/icon_h2_accountinfo.gif) no-repeat left 50%;}
#myaccount_column1 h2#websitesettings{ background: url(/images/icon_h2_websitesettings.gif) no-repeat left 50%;}
#myaccount_column1 h2#designsettings{ background: url(/images/icon_h2_designsettings.gif) no-repeat left 50%;}
#myaccount_column2 h2#referafriend{ background: url(/images/icon_h2_referafriend.gif) no-repeat left 50%;}
#myaccount_column2 h2#servicenews{ background: url(/images/icon_h2_servicenews.gif) no-repeat left 50%;}
#myaccount_column2 h2#quickpoll{ background: url(/images/icon_h2_quickpoll.gif) no-repeat left 50%;}
#myaccount_column1 h2#welcome{font-size: 14px; padding: 5px 0; background: none; font-weight: normal; color: #000;}
#myaccount_column1 .section table{
	margin: 0 10px 20px 10px;
	padding: 0px;
	border: 0px;
	width: 480px;
}
#myaccount_column2 .section table{
	margin: 0 10px 20px 10px;
	padding: 0px;
	border: 0px;
	width: 175px;
}
#myaccount_column2 strong{color: #000; display: block; font-weight: normal;}
#myaccount_column1 p strong{color: #000; font-weight: normal;}
.section table tr td{
	background: url(/images/divider_horiz.gif) repeat-x top;
	margin: 0px;
	padding: 5px 0px;
}
.section tr.blank td{background: none;}
.section  tr.top td{background: none;}
.section p{
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	color: #617383;
}
.section h3{
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	color: #000;
	font-weight: normal;
}
#myaccount_column1 h2 a:link, #myaccount_column1 h2 a:visited{color: #333; text-decoration: none;}
#myaccount_column1 h2 a:hover{color: #D84D75; text-decoration: none;}
#myaccount_column2 h2 a:link, #myaccount_column2 h2 a:visited{color: #333; text-decoration: none;}
#myaccount_column2 h2 a:hover{color: #D84D75; text-decoration: none;}

/* Help and Support */
#myaccount_column2 .search{
	background: url(/images/bg_searchhelp.png) no-repeat top;
	width: 195px;
	height: 132px;
	margin-bottom: 20px;
}
#myaccount_column2 h2#search{
	background: url(/images/icon_h2_helpdb.gif) no-repeat left 50%;
	color: #FFF;
	padding: 6px 0 6px 35px;
	margin-left: 5px;
	font-size: 14px;
	text-shadow: #3D5465 2px 2px 0px;
}
#myaccount_column2 .search input{margin: 0 0 10px 15px;}
#myaccount_column2 .search input.searchbox{width: 155px;}

#myaccount_column1 h2#gettingstarted{ background: url(/images/icon_h2_support.gif) no-repeat left 50%;}
#myaccount_column1 h2#tutorials{ background: url(/images/icon_h2_tutorials.gif) no-repeat left 50%;}
#myaccount_column1 h2#communication{ background: url(/images/icon_h2_communication.gif) no-repeat left 50%;}
#myaccount_column2 h2#whatsnew{ background: url(/images/icon_h2_whatsnew.gif) no-repeat left 50%;}

#myaccount_column1 p.redball{background: url(/images/icon_support_red.gif) no-repeat left 50%; margin-left: 8px; padding: 2px 0 2px 20px;}
#myaccount_column1 p.blueball{background: url(/images/icon_support_blue.gif) no-repeat 0 2px; margin-left: 8px; padding: 2px 0 2px 30px;}
#myaccount_column1 p.more{background: url(/images/icon_support_seemore.gif) no-repeat 0 50%; margin-left: 8px; padding: 2px 0 2px 30px;}

#myaccount_column1 p.livesupport{background: url(/images/icon_support_livechat.gif) no-repeat left 50%; margin-left: 5px; padding: 4px 0 4px 30px;}
#myaccount_column1 p.supportticket{background: url(/images/icon_support_ticket.gif) no-repeat left 50%; margin-left: 5px; padding: 4px 0 4px 30px;}
#myaccount_column1 p.knwbs{background: url(/images/icon_knowledgebase.gif) no-repeat left 50%; margin-left: 5px; padding: 4px 0 4px 30px;}
#myaccount_column1 p.requestfeature{background: url(/images/icon_support_requestfeature.gif) no-repeat left 50%; margin-left: 5px; padding: 4px 0 4px 30px;}
#myaccount_column1 p.feedback{background: url(/images/icon_support_feedback.gif) no-repeat left 50%; margin-left: 5px; padding: 4px 0 4px 30px;}
#myaccount_column1 p strong{font-weight: bold; color: #000; display: block;}

#myaccount_column1 p a:link, #myaccount_column1 p a:visited{color: #333; text-decoration: none;}
#myaccount_column1 p a:hover{color: #D84D75; text-decoration: none;}


/* ------------------------------------------------------------- 
Login Page Styles 
------------------------------------------------------------- */

#login{
	width: 710px;
	height: 269px;
	margin: 0 auto 20px auto;
	padding: 80px 0 0 0;
	text-align: left;
	background: url(/images/bg_login.jpg) no-repeat top;
}
#login table{
	width: 350px;
	padding: 0 0 0 35px;
	font-size: 12px;
	float: left;
}
#login table tr td{padding-bottom: 10px;}
#login p{
	float: left;
	width: 300px;
	padding-left: 40px;
	margin: 0px;
	font-size: 12px;
	color: #677583;
}
#forgotlogin{
	width: 710px;
	height: 269px;
	margin: 0 auto 20px auto;
	padding: 80px 0 0 0;
	text-align: left;
	background: url(/images/bg_loginhelp.jpg) no-repeat top;
}
#forgotlogin table{
	width: 350px;
	padding: 0 0 0 35px;
	font-size: 12px;
	float: left;
}
#forgotlogin table tr td{padding-bottom: 10px;}
#forgotlogin p{
	float: left;
	width: 300px;
	padding-left: 40px;
	margin: 0px;
	font-size: 12px;
	color: #677583;
}

/* ------------------------------------------------------------- 
Marketing Page Styles 
------------------------------------------------------------- */


#marketing_title{
	width: 490px;
	height: 105px;
	text-align: left;
	background: url(/images/bg_marketing_header.jpg) no-repeat bottom;
	margin:  0 0 0 20px;
}
#marketing_title h2{
	margin: 0 0 0 20px;
	padding: 24px 0 0 0;
	font-size: 18px;
	color: #D84D75;
	font-family: Helvetica, Arial, Verdana, san-serif;
	font-weight: normal
}
#marketing_title p{
	margin: 0 15px 0 20px;
	padding: 0px;
	font-size: 12px;
}
#marketing_container{
	text-align: left;
	width: 490px;
	background: #FFF url(/images/bg_marketing_container.jpg) no-repeat bottom;
	margin: 0 0 0 20px;
}
#marketing_container h3{
	margin: 0 20px 10px 20px;
	padding: 0 0 0 23px;
	font-size: 14px;
	background: url(/images/bullet_pearl.gif) no-repeat left;
}
#marketing_container p{margin: 0 20px 10px 20px; padding: 0px; font-size: 12px; color: #444;}
#marketing_container table{
	font-size: 12px;
	margin: 0 0 10px 20px;
	color: #444;
}
#marketing_container table tr td{padding: 0 0 3px 0;}

/* ----------SIDEBAR---------- */

#sidebar{
	float: right;
	width: 219px;
	font-size: 11px;
	text-align: left;
	margin: 0px;
	padding: 0 20px 0 0;
}
#sidebar div{ width: 219px; background: #FFF url(/images/bg_sidebar_header.jpg) no-repeat top; margin-bottom: 15px;}
#sidebar div p{
	padding: 0 10px 15px 20px;
	background: url(/images/bg_sidebar_bottom.gif) no-repeat bottom;
	margin: 0px;
}
#sidebar p input{
	margin: 3px 0;
}
#sidenav{
	background: url(/images/bg_sidebar_sidenav.jpg) no-repeat top;
	margin: 0px;
	padding: 20px 20px;
}
#sidenav li{
	list-style: none;
	background: url(/images/divider_sidenav.gif) repeat-x bottom;
	margin: 0;
	padding: 0;
	display: block;
	padding: 7px 3px 7px 0px;
}
#sidenav li.last{background: none;}
#sidenav li a:link, #sidenav li a:visited{
	background: url(/images/icon_sitemaplink.gif) no-repeat 2px 50%;
	padding: 0 0 0 20px;
	margin: 0;
	font-size: 12px;
	color: #59798F;
}
#sidenav li a:hover{
	text-decoration: none;
	color: #D84D75;
}
#sidenav li a:link.selected, #sidenav li a:visited.selected{
	background: url(/images/icon_sitemaplink_hover.gif) no-repeat 2px 50%;
	color: #D84D75;
}
/* ----------HOW IT WORKS---------- */

#selectdesign{
	background: url(/images/icon_market_selectdesign.gif) no-repeat left 5px;
	margin: 0 15px;
	padding: 5px 0 10px 45px;
	border-bottom: 1px solid #E1E8EE;
}
#addcontent{
	background: url(/images/icon_market_addcontent.gif) no-repeat left 15px;
	margin: 0 15px;
	padding: 15px 0 10px 45px;
	border-bottom: 1px solid #E1E8EE;
}
#subscribe h3 {margin: 0px;
padding: 0px;
background: url(/images/text_market_enjoy.gif)
no-repeat 18px 0px;
width: 170px;
height: 20px;
}
#subscribe {background: url(/images/icon_market_enjoy.gif) no-repeat left 15px;
	margin: 0 15px;
	padding: 15px 0 10px 45px;
}
#selectdesign h3 span, #addcontent h3 span, #subscribe h3 span{ display: none;}
#selectdesign img{margin: 0 10px 0 10px;}
#addcontent img{margin: 0 10px 0 0;}
#subscribe img{margin: 10px 10px 0 10px;}
#selectdesign h3{
	margin: 0px;
	padding: 0px;
	background: url(/images/text_market_selectdesign.gif) no-repeat 18px 0px;
	width: 250px;
	height: 20px;
}
#addcontent h3{
	margin: 0px;
	padding: 0px;
	background: url(/images/text_market_addcontent.gif) no-repeat 18px 0px;
	width: 250px;
	height: 20px;
}
#subscribe h3{
	margin: 0px;
	padding: 0px;
	background: url(/images/text_market_subscribe.gif) no-repeat 18px 0px;
	width: 250px;
	height: 20px;
}

/* ----------FEATURES---------- */

ul#featurelinks{
	margin: 0 0 10px 20px;
	padding: 0px;
	font-size: 12px;
	float: left;
	background: url(/images/bg_pillnav.png) repeat-x left 50%;
}
ul#featurelinks li{
	list-style: none;
	float: left;
	padding: 10px 0px;
}
ul#featurelinks li.first{
	background: url(/images/bg_pillnav_left.png) no-repeat left 50%;
	padding-left: 20px;
}
ul#featurelinks li.last{
	background: url(/images/bg_pillnav_right.png) no-repeat right 50%;
	padding-right: 20px;
}
ul#featurelinks li.first a{
	border-right: 1px solid #DDD;
	padding: 3px 15px 3px 0;
}
ul#featurelinks li.last a{
	border-left: 1px solid #FFF;
	padding: 3px 0 3px 15px;
}
ul#featurelinks li a.selected{font-weight: bold;}
ul#featurelinks li a.selected:link, ul#featurelinks li a.selected:visited{color: #222;}
ul#featurelinks li a:link, ul#featurelinks li a:visited{color: #666; text-shadow: #FFF 2px 2px 0px;}
ul#featurelinks li a:hover{color: #222; text-decoration: none;}
ul#features{
	clear: left;
	margin: 0px;
	padding: 10px 50px 20px 25px;
}
ul#features li{
	list-style: none;
	font-size: 12px;
	border-bottom: 1px solid #E1E8EE;
	margin: 0 0 15px 0;
	padding: 0 0 15px 60px;
}
ul#features li strong{
	display: block;
	font-size: 14px;
	color: #F8AB32;
	font-weight: normal;
}
ul#features li#easy{background: url(/images/icon_features_easy.gif) no-repeat left top;}
ul#features li#stunningdesign{background: url(/images/icon_features_stunningdesigns.gif) no-repeat left top;}
ul#features li#customizable{background: url(/images/icon_features_customizable.gif) no-repeat left top;}
ul#features li#unlimitedaccess{background: url(/images/icon_features_unlimitedaccess.gif) no-repeat left top;}
ul#features li#livechat{background: url(/images/icon_features_livechat.gif) no-repeat left top;}
ul#features li#referafriend{background: url(/images/icon_features_freeservice.gif) no-repeat left top;}
ul#features li#buygift{background: url(/images/icon_features_buygift.gif) no-repeat left top;}

/* ----------DESIGNS---------- */

#designs_container{
	text-align: left;
	width: 490px;
	background: #FFF;
	margin: 0 0 0 20px;
}
#designs_container select{font-size: 11px;}
#designs_container p{margin: 0 0 10px 20px; padding: 0px; font-size: 12px; color: #444;}
#designtable{
	width: 470px;
	margin: 0 auto 20px auto;
	padding: 0px;
	border-top: 1px solid #C5D0DB;
	border-bottom: 10px solid #FFF;
}
#designtable td{
	border-bottom: 1px solid #C5D0DB;
	padding: 3px 10px 3px 10px;
	border-top: 1px solid #FFF;
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 11px;
	
	color: #333;
	text-align: left;
}
#designtable .templateContainer{
	padding: 10px 0;
	margin-left: 20px;
	width: 170px;
	text-align: left;
}
#designs_container form{margin: 0px; padding: 0px;}
#designs_container p.form_section_divider{font-size: 11px; background: url(/images/icon_pearl_whitebg.gif) no-repeat left 50%; padding: 0px 0 0px 22px;}
#designtable tr.thumbnails td p, #designtable tr.thumbnails td{ text-align: center;}
#designtable tr.thumbnails td{padding-bottom: 10px;}
#designtable tr.button td{background: #E1E8EE url(/images/bg_button.png) repeat-x top; text-align: right;}
#designtable td p, .loginbox td p{margin: 5px 0; padding: 0px;}
#designtable tr{background-color: #EFF3F6;}

/* ------------------------------------------------------------- 
Buy Gift Page Styles 
------------------------------------------------------------- */

#buygift_intro{
	width: 710px;
	height: 240px;
	margin: 0 auto 20px auto;
	padding: 0px;
	text-align: left;
	background: url(/images/bg_buygift.jpg) no-repeat top;
}
#buygift_intro p{
	font-size: 11px;
	width: 350px;
	padding: 80px 0 0 30px;
	line-height: 17px;
}
#buygift_intro a{padding-left: 30px;}
#buygift_process{
	width: 680px;
	height: 160px;
	margin: 0 auto 0 auto;
	padding: 0px;
	text-align: left;
	background: url(/images/bg_buygift_process.jpg) no-repeat top;
}
#buygift_process p{
	margin: 0px;
	padding: 50px 0 0 24px;
	font-size: 11px;
	width: 198px;
	float: left;
	line-height: 16px;
}
#buygift_features{
	width: 680px;
	margin: 0 auto 20px auto;
	padding: 0px;
	text-align: left;
	background: #FFF url(/images/bg_buygift_footer.jpg) no-repeat bottom;
}
#buygift_features h3{
	font-size: 13px;
	padding: 25px 0 10px 35px;
	margin: 0px;
	background: url(/images/bg_buygift_divider.jpg) no-repeat top;
}
#buygift_features p{
	font-size: 11px;
	padding: 0px 35px 0px 35px;
	margin: 0 0 20px 0;
}
#buygift_features p a{
	padding: 20px 0 20px 25px;
	display: block;
	width: 80px;
	background: url(/images/bullet_pearl.gif) no-repeat left;
}

/* ------------------------------------------------------------- 
Datatable Styles 
------------------------------------------------------------- */

h2.formhead{
	font-size: 13px;
	margin: 0px;
	padding: 12px 0 6px 40px;
	display: block;
	background: url(/images/bg_formhead.png) no-repeat bottom;
	text-align: left;
	color: #FFF;
	text-shadow: #5F7487 -2px 2px 0px;
}

.datatable{
	width: 720px;
	margin: 0 auto 20px auto;
	padding: 0px;
	border-left: 2px solid #FFF;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	border-top: 1px solid #FFF;
}
.datatable tr.important{background-color: #E1E8EE;}
.datatable tr.important td{font-size: 12px;}
.datatable tr.subtitle{background-color: #FFF;}
.datatable tr.summary:hover{background-color: #F5FAFD;}
.datatable tr{background-color: #EFF3F6;}
.datatable tr td.zeropadding{padding: 0px; margin: 0px;}
.datatable .tophead td{
	background-image: url(/images/tablebg_tophead.jpg);
	background-repeat: no-repeat;
	background-position: top;
	text-align: center;
	background-color: #B1C3CF;
	height: 30px;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #000;
	border-bottom: 1px solid #8C9FB2;
}
.datatable .icon_single p, .datatable .disabled .icon_single p{
	background: url(/images/icon_singlepage.gif) no-repeat left; 
	padding: 5px 0 5px 20px; 
}
.datatable .icon_multiple p, .datatable .disabled .icon_multiple p{
	background: url(/images/icon_multipage.gif) no-repeat left;
	padding: 5px 0 5px 22px;
}
.datatable .icon_dot p, .datatable .disabled .icon_dot p{
	background: url(/images/icon_dot.gif) no-repeat left;
	padding-left: 14px;
	margin-left: 20px;
}
.datatable .disabled p{color: #94A0AB;}
.datatable .disabled a img{background: url(/images/icon_disabled.gif) no-repeat left; padding-left: 20px;}
.datatable .summary a img{padding-left: 20px;}
.datatable .head p{
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #000;
	margin: 3px 0;
	padding: 4px 10px;
	text-align:left;
	
	font-weight: bold;
}

.datatable .head p.description{color: #677583; font-weight: normal;}
.datatable .description{color: #677583; font-weight: normal;}

.datatable .disabled td{
	border-bottom: 1px solid #C5D0DB;
	padding: 3px 10px 3px 10px;
	border-top: 1px solid #FFF;
	background-color: #DFE8EE;
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 11px;
	
	color: #333;
	text-align: left;
}
.datatable .disabled p{margin: 0px; padding: 0px;}
.datatable .head td{
	
	border-top: 1px solid #FFF;
	
	border-bottom: 1px solid #8C9FB2;
	
	background-color: #CEDAE1;
	
	/*background-image: url(/images/tablebg_head.jpg) repeat-x top;*/
}
.datatable .head h2{
	margin: 0px;
	padding: 5px 0;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 14px;
	color: #333;
}
.datatable td, .loginbox td{
	border-bottom: 1px solid #C5D0DB;
	padding: 3px 10px 3px 10px;
	border-top: 1px solid #FFF;
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 11px;
	
	color: #333;
	text-align: left;
}
.datatable td p, .loginbox td p{margin: 5px 0; padding: 0px; text-align:left;}
.datatable tr.thumbnails td p, .datatable tr.thumbnails td{ text-align: center;}
.datatable tr.thumbnails td{padding-bottom: 10px;}
.datatable .datarow td{
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 11px;
	background-color: #DFE8EE;
	padding: 3px 10px;
	border-bottom: 1px solid #C5D0DB;
	border-top: 1px solid #FFF;
	color: #333;
	text-align: left;
}
.datatable .datarow_alt td{
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 11px;
	background-color: #EFF3F6;
	padding: 3px 10px;
	border-bottom: 1px solid #C5D0DB;
	border-top: 1px solid #FFF;
	color: #333;
	text-align: left;
}

.datatable .datarow td p, .datatable .datarow_alt p{margin: 0px; padding: 0px;}
.datatable img.tmb{border: 2px solid #8C9FB2;}
.datatable p.right{text-align: right;}
.datatable p.large{font-size: 12px;}
.datatable span.address_emph{border: 1px solid #C5D0DB; padding: 2px 4px; background-color: #FFF;}
.datatable span.address_emph strong, .datatable span.address_noemph strong{color: #D84D75;}
.datatable p.form_section_divider{font-size: 12px; background: url(/images/icon_pearl_whitebg.gif) no-repeat left; padding: 2px 0 2px 22px;}
.datatable tr td.error_message{background: #F1EBDE url(/images/icon_error.gif) no-repeat left; padding: 5px 0px 5px 40px;}
.datatable tr.error{background: #F1EBDE;}
.datatable tr.error td, .datatable tr td.error_message{border-bottom: 1px solid #D2C8B4;}
.datatable tr.total td{border-top: 1px solid #E9FDEA; border-bottom: 1px solid #A3CCA5; background: #D1E3D2;}
table.datatable tr td.right, table.datatable tr td.right p{text-align: right;}
.datatable tr.button td{background: #E1E8EE url(/images/bg_button.png) repeat-x top;}

table.datatable table#poll{
	margin: 0px auto 0px auto;
	padding: 0px;
}
.datatable tr td.nopadding{padding: 0px;}
.datatable table#poll tr td { background-color: #F2F8FC; border: none;}
.datatable table#poll tr.alt td { background-color: #FFF; border: none; }


/* ------------------------------------------------------------- 
Order Process
------------------------------------------------------------- */
tr.paystatus span{margin: 3px; padding: 5px 0px 5px 20px; background: url(/images/icon_pay.gif) no-repeat left; color: #5C8DB8;}
tr.paystatus span.current{background: url(/images/icon_pay_current.gif) no-repeat left; color: #DF4379;}
tr.paystatus span.complete{background: url(/images/icon_pay_complete.gif) no-repeat left; color: #CFD8DF;}
.printonly{display: none;}

/* ------------------------------------------------------------- 
Forms
------------------------------------------------------------- */
.datatable .content td.form{
	text-align: left;
	font-weight: normal;
	font-size: 11px;
}
.datatable input, .datatable select{font-size: 11px;}

/* ------------------------------------------------------------- 
Gallery Thumbnails 
------------------------------------------------------------- */

.datatable .photoContainer{
	width: 155px;
	float: left;
	padding: 10px 0;
	text-align: left;
}
.datatable .photoContainer img.tmb{float: left; margin: 5px 0 0 0;}
.datatable .photoTools{float: left; width: 26px; padding: 0 0 0 5px;}
.datatable .photoTools img{padding-top: 5px;}
.datatable .photoArrange{clear:left; padding: 5px 0 0 7px;}

/* ------------------------------------------------------------- 
Select a Design Thumbnails
------------------------------------------------------------- */

.datatable .templateContainer{
	padding: 10px 0;
	margin-left: 27px;
	width: 170px;
	text-align: left;
}
.templateContainer p{text-align: center; width: 138px;}
.templateContainer img.tmb{float: left; margin: 5px 0 0 0; border: 0px;}
.templateContainer .templateColor{float: left; width: 18px; padding: 5px 0 0 2px;}
.templateContainer .templateColor img{margin: 2px 0 0 2px;}
.templateContainer .templateSelect{clear:left; padding: 5px 0 0 0;width: 142px; text-align: center;}
.floatleft{float: left;}
.box img{border: 2px solid #8C9FB2;}
.box{display: block; padding: 15px 0;}
.box span{padding: 0 30px;}

/* ------------------------------------------------------------- 
Sitemap
------------------------------------------------------------- */

#sitemap{
	padding: 0 20px;
}
#sitemap h3{
	background: none;
	color: #333;
	border-bottom: 1px solid #9CAFBD;
	margin: 0px;
	padding: 0 0 5px 0;
}
#sitemap dl{
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0px;
	font-size: 11px;
	color: #666;
}
#sitemap dt{
	font-size: 13px;
	font-weight: bold;
	margin: 5px 0 0 10px;
	padding: 0 0 0 15px;
	background: url(/images/icon_sitemaplink.gif) no-repeat left 50%;
}
#sitemap dd{
	margin: 0 0 0 25px;
	padding: 0 0 7px 0;
	background: url(/images/dottedline_sitemap.gif) repeat-x bottom;
}

/* ------------------------------------------------------------- 
SIFR Styles
------------------------------------------------------------- */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -12px;
	font-size: 60px;
	margin: 0px;
	padding: 0px;
}
.sIFR-hasFlash #welcomebox #date p{
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 15px;
	margin: 0px;
	padding: 0px;
}


/* ------------------------------------------------------------- 
Specials
------------------------------------------------------------- */

#special{padding: 20px 20px 70px 20px;}
#special p{
	font-size: 14px;
	color: #666;
	line-height: 1.6em;
	margin: 0;
}
#special p strong{
	font-weight: normal;
	background: #FFF2C0;
	color: #E79C25;
}
#special .left{float: left;margin-right: 20px;padding-bottom: 20px;}
#special .overline{
	border-top: 1px solid #E1E8EE;
	padding: 10px 0 0 0;
	clear: left;
	margin-top: 10px;
}
#special .code{
	border-bottom: 1px solid #E1E8EE;
	margin: 20px 0 20px 0;
	padding-bottom: 15px;
}
#special .code dt{
	display: inline;
	font-size: 16px;
	color: #D84D75;
	font-weight: bold;
	margin: 0 10px 0 0;
	padding: 0;
}
#special .code dd{
	font-size: 22px;
	border: 1px solid #CCC;
	background: #EFEFEF;
	padding: 3px 6px;
	margin: 0;
	display: inline;
	letter-spacing: .1em;
	color: #666;
}
.imageLinks{
	display: block;
	padding: 3px 0 3px 3px;
	border-top: 1px solid #E1E8EE;
}