html {
	background:url(../img/bg-body.jpg) repeat-y 50% 0;
	height:100%;
}
#nobg,#nobg body {
	background:none
}
body {
	margin:0;
	min-height:100%;
	background:url(../img/bg-page.jpg) no-repeat 50% 0;
	min-width:1004px;
	font:13px/18px Arial, Helvetica, sans-serif;
}
* html body {
	height:100%;
}
a {
	outline:none;
}
img {
	display:block;
	border:none;
}
form, fieldset {
	margin:0;
	padding:0;
	border:none;
}
#twocolumn, #pagewidth {
	width:1024px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
#twocolumn{
	width:1004px;
	padding:0 10px;
}
#left {
	float:left;
	width:702px;
}
/* header */
#header {
	height:126px;
	padding:18px 0 0 29px;
	position:relative;
}
#header h1 {
	width:300px;
	height:57px;
	background:url(../img/logo.gif);
	margin:0;
	overflow:hidden;
	text-indent:-9999px;
	position:absolute;
	top:87px;
	left:48px;
}
#header ul {
	float:left;
	margin:0;
	padding:15px 0 0 17px;
	width:498px;
	height:26px;
	border:1px solid #C3C4C0;
	list-style:none;
	overflow:hidden;
	background:url(../img/bg-menu.png);
}
#header ul li {
	float:left;
}
#header ul a {
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background-image:url(../img/text-mainnav.gif);
	background-repeat:no-repeat;
	height:14px;
	margin:0 16px 0 0;
}
#header ul a.home {
	width:33px;
	background-position:0 0;
}
#header ul a.why-w3 {
	width:48px;
	background-position:-33px 0;
}
#header ul a.faq {
	width:23px;
	background-position:-81px 0;
}
#header ul a.examples {
	width:55px;
	background-position:-104px 0;
}
#header ul a.testimonials {
	width:74px;
	margin:0 17px 0 0;
	background-position:-159px 0;
}
#header ul a.live-chat {
	width:54px;
	background-position:-233px 0;
}
#header ul a.contact {
	width:44px;
	background-position:-287px 0;
}
#header ul a.logout {
	width:39px;
	margin:0;
	background-position:-331px 0;
}
#header ul a.login {
	width:32px;
	margin:0 0 0 1px;
	background-position:-370px 0;
}
#header ul a.home:hover, #header ul .active a.home {
	background-position:0 -14px;
}
#header ul a.why-w3:hover, #header ul .active a.why-w3 {
	background-position:-33px -14px;
}
#header ul a.faq:hover, #header ul .active a.faq {
	background-position:-81px -14px;
}
#header ul a.examples:hover, #header ul .active a.examples {
	background-position:-104px -14px;
}
#header ul a.testimonials:hover, #header ul .active a.testimonials {
	background-position:-159px -14px;
}
#header ul a.live-chat:hover, #header ul .active a.live-chat {
	background-position:-233px -14px;
}
#header ul a.contact:hover, #header ul .active a.contact {
	background-position:-287px -14px;
}
#header ul a.logout:hover, #header ul .active a.logout {
	background-position:-331px -14px;
}
#header ul a.login:hover, #header ul .active a.login {
	background-position:-370px -14px;
}
#footer {
	width:100%;
	overflow:hidden;
	font:13px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#footer a {
	color:#414141;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
.foo {
	width:647px;
	overflow:hidden;
	margin:0 0 0 31px;
	padding:12px 0 10px 19px;
	border-top:1px solid #eaeae9;
}
ul.valid {
	margin:0;
	font-size:10px;
	padding:9px 0 0;
	overflow:hidden;
	width:100%;
	clear:both;
	list-style:none;
}
ul.valid li {
	float:left;
	padding:0 0 0 9px;
	display:inline;
	margin:0 19px 0 -9px;
	background:url(../img/divider.gif) no-repeat left;
}
#footer .add {
	margin:0;
	padding:0;
	list-style:none;
	font-size:13px;
	float:right;
}
#footer .add li {
	float:left;
	padding:0 0 0 18px;
}
#footer .add a{
	color:#000;
}
#footer p {
	margin:0;
	color:#939393;
	float:left;
}
#footer p span {
	float:left;
	line-height:16px;
}
#footer p a {
	width:53px;
	height:12px;
	text-indent:-9999px;
	float:left;
	margin:2px 0 0 6px;
	background:url(../img/w3edge.gif);
	overflow:hidden;
}
#content {
	overflow:hidden;
	width:100%;
	padding:0 35px;
	margin:0 -35px;
}
#content h2 {
	font:24px Tahoma, Arial, Helvetica, sans-serif;
	margin:28px 0 0 45px;
}
#content h2.latest-code {
	color:#d23631;
}
#content h2.latest-code strong {
	font-weight:normal;
	color:#78e33d;
}
ul.provide {
	color:#586622;
	margin:0 0 0 45px;
	padding:0;
	list-style:none;
	font:17px/30px Tahoma, Arial, Helvetica, sans-serif;
}
ul.provide li {
	padding:0 0 0 14px;
	background:url(../img/bullet.gif) no-repeat left 13px;
}
ul.provide li a {
	color:#dd6681;
	text-decoration:none;
}
a.find-out {
	font:17px/30px Tahoma, Arial, Helvetica, sans-serif;
	color:#dd6681;
	margin:0 0 0 60px;
}
ul.provide li a:hover, a.find-out:hover {
	text-decoration:none;
}
blockquote.testimonials {
	margin:25px 35px 0 0;
	padding:0;
	background:url(../img/q-top.gif) no-repeat 14px 0;
}
blockquote.testimonials div {
	padding:18px 0 8px 45px;
	background:url(../img/q-bottom.gif) no-repeat 512px 100%;
}
blockquote p {
	margin:0;
}
blockquote strong {
	font-size:17px;
	display:block;
	margin:6px 0 0;
	background:#fff;
	width:450px;
}
blockquote a {
	color:#b5cf37;
}
blockquote a:hover {
	text-decoration:none;
}
blockquote span {
	color:#b5cf37;
}
ul.latest-code {
	margin:0;
	padding:10px 0 0 40px;
	list-style:none;
	overflow:hidden;
	width:550px;
}
ul.latest-code li {
	float:left;
	width:172px;
	height:128px;
	margin:0 17px 0 0;
	padding:6px 0 0 7px;
	background:url(../img/bg-latest-code.gif);
}
ul.latest-code li.more-art {
	width:144px;
	height:auto;
	background:none;
	padding:0;
	margin:-10px 0 0;
}
ul.latest-code li.more-art a {
	width:144px;
	height:147px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/a-more-art.gif);
}
#order-side {
	float:right;
	width:381px;
	margin:0 32px 0 0;
	display:inline;
}
.c-area {
	width:179px;
	height:59px;
	overflow:hidden;
	float:right;
	margin:13px 46px 0 0;
	display:inline;
	border:1px solid #bfc5b9;
	background:url(../img/bg-menu.png);
}
#header .c-area ul {
	margin:0;
	padding:11px 0 0;
	width:auto;
	background:none;
	height:auto;
	border:none;
}
#header .c-area ul li {
	margin:0 0 0 13px;
	display:inline;
	padding:0;
}
#header .c-area ul a {
	background-image:url(../img/text-login-box.gif);
	background-repeat:no-repeat;
	display:block;
	height:11px;
	text-indent:-9999px;
	margin:0;
}
#header .c-area ul a.track-orders {
	background-position:0 0;
	width:74px;
}
#header .c-area ul a.edit-profile {
	background-position:-74px 0;
	width:64px;
}
#header .c-area ul a.track-orders:hover, #header .c-area ul .active a.track-orders {
	background-position:0 -11px;
}
#header .c-area ul a.edit-profile:hover, #header .c-area ul .active a.edit-profile {
	background-position:-74px -11px;
}
#header .c-area strong {
	width:79px;
	height:11px;
	background:url(../img/text-client-area.gif);
	overflow:hidden;
	display:block;
	margin:14px 0 0 13px;
	text-indent:-9999px;
}
.orders {
	width:510px;
	overflow:hidden;
	background:url(../img/bg-menu.png);
	border:1px solid #c4c5b8;
	margin:9px 0 0 32px;
	padding:5px 0 10px;
}
.orders ul {
	margin:0 0 0 13px;
	padding:0;
	line-height:26px;
	list-style:none;
	overflow:hidden;
	width:490px;
}
.orders ul li {
	float:left;
	width:490px;
	overflow:hidden;
}
.orders ul div {
	float:left;
}
.orders ul .t1 {
	width:213px;
}
.orders ul .t2 {
	width:104px;
	text-align:right;
}
.orders ul .t3 {
	width:70px;
	padding:0 0 0 32px;
}
.orders ul .t4 {
	width:70px;
	text-align:right;
}
.orders ul .title {
	text-transform:uppercase;
	color:#d41f1e;
}
.orders ul a {
	color:#0e0e0e;
	float:left;
	white-space:nowrap;
	position:relative;
	z-index:10;
}
.orders ul a:hover {
	color:#d44783;
}
.orders ul .status_color_new {
	color:#d44783;
	font-weight:normal;
}
.orders ul .status_color_underway {
	color:#44a65e;
	font-weight:normal;
}
.orders ul .status_color_done {
	color:#464D2F;
	font-weight:normal;
}
.orders ul ul {
	width:auto;
	margin:0;
	padding:0 0 0 7px;
	float:left;
	color:#d44783;
	display:none;
}
.orders ul ul li {
	float:left;
	width:auto;
}
.orders ul ul a {
	color:#d44783;
	text-decoration:none;
}
.orders ul ul a:hover {
	text-decoration:underline;
}
.orders ul div.t1:hover ul, .orders ul div.t1.hover ul {
	display:block;
}

.tickets {
	width:510px;
	overflow:hidden;
	background:url(../img/bg-menu.png);
	border:1px solid #c4c5b8;
	margin:9px 0 0 32px;
	padding:5px 0 10px;
}
.tickets ul {
	margin:0 0 0 13px;
	padding:0;
	line-height:26px;
	list-style:none;
	overflow:hidden;
	width:490px;
}
.tickets ul li {
	float:left;
	width:490px;
	overflow:hidden;
}
.tickets ul div {
	float:left;
}
.tickets ul .t1 {
	width:380px;
}
.tickets ul .t2 {
	width:107px;
	text-align:right;
}
.tickets ul .title {
	text-transform:uppercase;
	color:#d41f1e;
}
.tickets ul a {
	color:#0e0e0e;
	float:left;
	white-space:nowrap;
}
.tickets ul a:hover {
	color:#d44783;
}



ul.pagers {
	margin:0 0 0 32px;
	text-align:center;
	padding:8px 0 0;
	width:512px;
	font-size:16px;
	line-height:20px;
	font-weight:bold;
	list-style:none;
}
ul.pagers li {
	display:inline;
}
ul.pagers a {
	color:#202a02;
	padding:0 4px;
	text-decoration:none;
}
ul.pagers .active a, ul.pagers a:hover {
	color:#fff;
	background:#d44783;
}
div.order {
	float:left;
	width:572px;
	padding:29px 49px 30px 75px;
	overflow:hidden;
}
div.order form{
	width:572px;
	float:left;
	margin:19px 0 0;
	padding:0 0 2px 0;
}
.order ul {
	margin:0;
	padding:0 0 5px;
	list-style:none;
	float:left;
	width:592px;
	color:#464d2f;
	font:13px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.order ul li {
	width:294px;
	float:left;
	padding:6px 0 0;
}
.order label {
	float:left;
	color:#464d2f;
	margin:0 0 2px 1px;
}
.order ul li label a {
	color:#464d2f;
}
.order ul li div.custom-upload,
.postcomments div.order-custom-upload,
.postcomments div.ticket-custom-upload {
	background: url(../img/bg-custom-upload.gif) no-repeat;
	overflow:hidden;
	width:286px;
	height:23px;
	position:relative;
}
.order ul li div.custom-upload div,
.postcomments div.order-custom-upload div,
.postcomments div.ticket-custom-upload div {
	height:19px;
	position:absolute;
	right:2px;
	top:2px;
	width:69px;
}
.order ul li div.custom-upload input#upload,
.postcomments div.order-custom-upload input#order-upload,
.postcomments div.ticket-custom-upload input#ticket-upload {
	width:206px;
	border:none;
	height:18px;
	position:absolute;
	left:1px;
	top:1px;
	padding:2px 0 0 4px;
	margin:0;
}
.order ul li div.custom-upload input#upload-field,
.postcomments div.order-custom-upload input#order-upload-field,
.postcomments div.ticket-custom-upload input#ticket-upload-field {
	position:absolute;
	height:30px;
	left:0;
	top:0;
}
.postcomments input.text {
	color:#8a9b00;
	font:13px Arial, Helvetica, sans-serif;
	width:280px;
	height:19px;
	padding:2px 0 0 4px;
	background:#ecf1de;
	border:1px solid #d1d5c2;
}
.order textarea, .order ul input {
	float:left;
	color:#8a9b00;
	width:270px;
	height:19px;
	padding:2px 0 0 4px;
	background:#ecf1de;
	border:1px solid #d1d5c2;
	font:13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.order ul input.active{
	border:1px solid #ff4cb5;
}
.order ul li span{
	float:left;
	color:#D44783;
	margin:0 0 0 3px;
}
.order textarea {
	width:564px;
	height:112px;
	margin:-2px 0 0;
}
.order ul select {
	width:286px;
	color:#8a9b00;
	border:1px solid #ced2bf;
	background:#ecf1de;
}
h3.order {
	width:69px;
	height:26px;
	background:url(../img/text-order.gif);
	overflow:hidden;
	text-indent:-9999px;
	margin:0 0 0 1px;
}
strong.price {
	float:right;
	font-size:30px;
	line-height:34px;
	color:#505444;
	margin:-4px 2px 0 0;
	font-weight:normal;
}
strong.price span {
	color:#f56d2c;
}
a#new-customer{
	width:121px;
	height:20px;
	float:left;
	margin:16px 24px 0 -13px;
	background:url(../img/txt-order-links.gif) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
}
a#new-customer.opened{
	background-position:0 -20px;
}
a#returning-customer{
	width:168px;
	height:20px;
	float:left;
	margin:16px 0 0 0;
	background:url(../img/txt-order-links.gif) no-repeat -121px 0;
	text-indent:-9999px;
	overflow:hidden;
}
a#returning-customer.opened{
	background-position:-121px -20px;
}
.order p {
	margin:10px 0 0;
	width:258px;
	height:38px;
	background:url(../img/text-or-login.gif);
	overflow:hidden;
	text-indent:-99999px;
}
.order p a {
	color:#000;
	display:block;
	width:100%;
	height:100%;
}
.order p a:hover {
	text-decoration:none;
}
.how-many-pages {
	float:left;
	width:572px;
	height:125px;
	padding:40px 49px 0 75px;
}
.how-many-pages div {
	width:572px;
	padding:0 0 2px;
	overflow:hidden;
}
.how-many-pages div div div {
	width:137px;
	height:22px;
	float:left;
	margin:0 0 0 25px;
	position:relative;
	display:inline;
	background:none;
}
.how-many-pages span {
	float:right;
	font-size:26px;
	height:30px;
	color:#505444;
	margin:20px 0 0;
}
.how-many-pages strong {
	width:200px;
	float:left;
	color:#464d2f;
	font-size:13px;
	padding:0 0 3px;
	font-weight:normal;
}
.how-many-pages div div {
	width:477px;
	float:left;
	overflow:hidden;
	position:relative;
	height:20px;
	padding:0;
	background:url(../img/x.gif) repeat-x 0 50%;
}
a.bullet,a.minus,a.plus {
	width:23px;
	height:22px;
	display:block;
	background:url(../img/bg-plus.png);
	overflow:hidden;
	cursor:pointer;
	text-indent:-9999px;
	position:absolute;
	right:0;
	top:0;
}
a.minus {
	width:25px;
	height:22px;
	background:url(../img/bg-minus.png);
	right:auto;
	left:0;
}
a.bullet {
	width:18px;
	height:17px;
	top:3px;
	left:108px;
	background:url(../img/bullet2.png);
}
ul.testimonials {
	margin:0 0 0 14px;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:530px;
}
ul.testimonials li {
	overflow:hidden;
	width:530px;
	float:left;
	margin:10px 0 0;
	background:url(../img/q-top.gif) no-repeat 0 0;
}
ul.testimonials div {
	padding:21px 0 8px 32px;
	background:url(../img/q-bottom.gif) no-repeat 100% 100%;
}
ul.testimonials p {
	margin:0;
}
ul.testimonials strong {
	display:block;
	margin:7px 0 0;
	font:17px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
ul.testimonials a	{
	color:#b5cf37;
}
ul.testimonials a:hover {
	text-decoration:none;
}
ul.testimonials span	{
	color:#b5cf37;
}
ul.examples {
	margin:10px 0 0 14px;
	padding:0;
	list-style:none;
	width:535px;
	overflow:hidden;
	font:17px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
ul.examples li {
	padding:0 0 22px 235px;
	float:left;
	width:300px;
	position: relative;
	background:url(../img/bg-examples.gif) no-repeat 0 0;
	overflow:hidden;
}
ul.examples img {
	float:left;
	display:inline;
	margin:9px 0 0 -203px;
}
ul.examples p {
	font:13px Arial, Helvetica, sans-serif;
	margin:5px 0 0;
}
ul.examples h3 {
	margin:3px 0 0;
	font-weight:normal;
	font-size:17px;
}
ul.examples a {
	color:#b5cf37;
}
ul.examples a:hover {
	text-decoration:none;
}
ul.examples strong {
	display:block;
	margin:14px 0 0;
	font-weight:normal;
}
dl.faq {
	margin:0 0 0 45px;
	padding:10px 0 33px;
	width:460px;
	overflow:hidden;
}
dl.faq dd,dl.faq dt {
	margin:0;
	padding:0 0 0 21px;
	width:439px;
	float:left;
}
dl.faq dt {
	margin:13px 0 0;
	font-weight:bold;
}
dl.faq .title {
	float:left;
	margin:0 0 0 -20px;
	color:#d44783;
}
dl.faq dd .title {
	color:#a6be33;
}
dl.faq p{margin:0;}
.fader{
	width:100%;
	height:100%;
	background:url(../img/bg-fader.png);
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}
.login-box {
	width:287px;
	height:auto;
	margin:0 auto;
	padding:0 0 0 33px;
	background:url(../img/bg-login.gif);
	border:8px solid #fff;
}
.login-box span {
	position:relative;
}
.login-box span a.question {
	left:234px;
	top:-1px;
}
* html .login-box span a.question	{
	top:3px;
}
a.close {
	width:20px;
	height:20px;
	background:url(../img/a-close.gif);
	text-indent:-9999px;
	overflow:hidden;
	float:right;
	margin:5px 5px 0 0;
}
.login-box ul {
	margin:19px 0 0;
	padding:0 0 10px;
	list-style:none;
}
.login-box ul input {
	width:250px;
	background:#ecf1de;
	border:1px solid #ced2bf;
	height:19px;
	padding:2px 0 0 4px;
}
.login-box ul label {
	display:block;
	cursor:pointer;
	line-height:24px;
	color:#464d2f;
}
.login-box strong {
	width:181px;
	height:26px;
	display:block;
	background:url(../img/text-login.gif);
	overflow:hidden;
	text-indent:-9999px;
	margin:26px 0 0;
}
.order-box {
	width:927px;
	overflow:hidden;
	background:url(../img/bg-login.gif);
	border:8px solid #fff;
	margin:0 auto;
}
.steps {
	width:880px;
	overflow:hidden;
	margin:0 0 0 23px;
	padding:26px 0 0;
}
* html .steps {
	padding:0;
}
.steps .left {
	float:left;
	width:310px;
	overflow:hidden;
}
.steps .right {
	float:right;
	overflow:hidden;
	width:570px;
}
h3.step2-summary,h3.step2,h3.step3,h3.step1 {
	width:172px;
	height:31px;
	background:url(../img/text-step1.gif) no-repeat 0 0;
	margin:0;
	text-indent:-9999px;
	overflow:hidden;
}
h3.step2-summary {
	background:url(../img/text-step1.gif) no-repeat 0 -31px;
}
h3.step2 {
	width:374px;
	height:31px;
	margin:0 0 0 19px;
	background:url(../img/text-step2.gif);
}
h3.step3 {
	width:201px;
	height:31px;
	margin:0 0 0 19px;
	background:url(../img/text-step3.gif);
}
.steps .secondpage h3.step2 {
	margin:0;
}
.steps .left ul.step1-option {
	margin:0;
	padding:0;
	list-style:none;
	background:url(../img/separator.gif) repeat-y 100% 0;
}
.steps .left .step-done {
	background:url(../img/separator.gif) repeat-y 100% 0;
	width:246px;
	padding:0 35px 0 0;
}
.steps .left ul.step1-option label {
	color:#464d2f;
	font-weight:bold;
	font-size:13px;
	line-height:22px;
}
.steps .right ul.login input, .steps .left ul.step1-option textarea, .steps .left ul.step1-option input {
	width:279px;
	height:19px;
	color:#8a9b00;
	background:#ecf1de;
	padding:2px 0 0 5px;
	font:13px Arial, Helvetica, sans-serif;
	border:1px solid #ced2bf;
}
.steps .left ul.step1-option textarea {
	height:145px;
}
.steps .left ul.step1-option select {
	font:13px Arial, Helvetica, sans-serif;
	width:286px;
	color:#8a9b00;
	background:#ecf1de;
}
h4.compatibility-options, h4.layout-options {
	width:101px;
	height:19px;
	background:url(../img/text-layout-options.gif) no-repeat 0 0;
	overflow:hidden;
	text-indent:-9999px;
	margin:14px 0 0;
}
h4.compatibility-options {
	width:146px;
	height:19px;
	background:url(../img/text-compatibility-options.gif) no-repeat 0 0;
}
.step-done h4.layout-options {
	margin:14px 0 5px 0;
	background:url(../img/text-layout-options.gif) no-repeat 0 -19px;
}
.step-done h4.compatibility-options {
	margin:14px 0 5px 0;
	background:url(../img/text-compatibility-options.gif) no-repeat 0 -19px;
}
.steps .right .left-box {
	float:left;
	width:254px;
	padding:0 0 0 19px;
}
.steps .right.secondpage .left-box {
	margin:0 0 0 -19px;
	display:inline;
}
.steps .step-done ul, .steps .right ul {
	margin:0;
	padding:5px 0 0;
	list-style:none;
	overflow:hidden;
	width:204px;
}
.steps .step-done ul li,.steps .right ul li {
	float:left;
}
.steps .step-done ul input, .steps .right ul input {
	width:14px;
	height:15px;
	margin:2px 3px 0 0;
	float:left;
}
.steps .step-done ul label.checked, .steps .step-done ul label, .steps .right label {
	color:#8a9b00;
	float:left;
	margin:0 10px 0 0;
}
.steps .step-done ul label {
	color:#a0a0a0;
}
.steps .step-done strong, .steps .right strong {
	color:#464d2f;
	display:block;
	margin:5px 0 0;
}
.steps .step-done .price, .steps .right .price {
	margin:0;
	font-size:16px;
	color:#c24936;
	font-weight:bold;
}
.steps .step-done .price {
	color:#a0a0a0;
}
.steps .right .price.green {
	color:#30971f;
}
.steps .right p {
	line-height:23px;
	margin:2px 0 0;
	color:#464d2f;
}
.steps .right .right-box {
	float:right;
	width:256px;
}
h3.login-to-order {
	margin:14px 0 0;
	overflow:hidden;
	width:216px;
	height:19px;
	text-indent:-9999px;
	background:url(../img/text-my-account.gif);
}
.steps .right ul.login {
	margin:0;
	padding:0 0 10px;
	width:100%;
}
.steps .right ul.login input {
	width:249px;
}
.steps .right ul.login label {
	color:#464d2f;
	display:block;
	font-weight:bold;
	margin:5px 0 0;
}
.bottom {
	width:900px;
	overflow:hidden;
	padding:13px 26px 14px 0;
}
.bottom .pay-now, .bottom .pay-later {
	float:right;
	width:201px;
	height:40px;
	line-height:40px;
	color:#6caf30;
	font-size:29px;
	text-align:center;
	margin:0 0 0 17px;
	background:url(../img/bg-pay-later.gif);
}
.bottom .pay-now a, .bottom .pay-later a {
	width:119px;
	height:40px;
	overflow:hidden;
	text-indent:-9999px;
	float:left;
}
.bottom .pay-now a {
	width:211px;
}
.bottom .pay-later span {
	float:left;
	width:82px;
}
.bottom .pay-now {
	width:333px;
	height:40px;
	color:#505444;
	background:url(../img/bg-pay-now.gif);
}
.bottom .pay-now span {
	float:left;
	width:122px;
}
.bottom .pay-now strong {
	color:#c7523f;
	font-weight:normal;
}
span.progresbar {
	width:156px;
	height:17px;
	overflow:hidden;
	text-indent:-9999px;
	float:right;
	margin:9px 7px 0 0;
	background:url(../img/progresbar.gif) no-repeat 0 0;
}
span.progresbar.step3 {
	background:url(../img/progresbar.gif) no-repeat 0 -17px;
}
a.back {
	float:left;
	width:99px;
	height:40px;
	overflow:hidden;
	background:url(../img/a-back.gif);
	text-indent:-9999px;
	margin:0 0 0 23px;
}
h4.new-customer {
	width:99px;
	height:15px;
	background:url(../img/text-new-customer.gif);
	overflow:hidden;
	text-indent:-9999px;
	margin:14px 0 0;
}
.steps .left-box ul.new-customer {
	margin:5px 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:286px;
}
.steps .left-box ul.new-customer li {
	float:left;
	width:286px;
}
.steps .left-box ul.new-customer div {
	float:left;
	width:152px;
}
.steps .left-box ul.new-customer div input {
	width:126px;
}
.steps .left-box ul.new-customer div input.small {
	width:56px;
	margin:0 7px 0 0;
}
.steps .left-box ul.new-customer div.second {
	width:133px;
	float:right;
}
.steps .left-box ul.new-customer label {
	float:none;
	display:block;
	font:bold 13px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#474747;
}
.steps .left-box ul.new-customer select, .steps .left-box ul.new-customer input {
	width:279px;
	height:19px;
	font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:2px 0 0 5px;
	color:#8a9b00;
	background:#ecf1de;
	border:1px solid #ced2bf;
	margin:0;
}
.steps .left-box ul.new-customer select {
	height:auto;
	padding:0;
}
.steps .left-box ul.new-customer ul {
	margin:0;
	padding:4px 0 0;
	overflow:hidden;
	width:284px;
	list-style:none;
}
.steps .left-box ul.new-customer ul li {
	float:left;
	width:auto;
}
.steps .left-box ul.new-customer ul label {
	float:left;
	height:21px;
	overflow:hidden;
	background-image:url(../img/cart.gif);
	background-repeat:no-repeat;
	margin:0 2px 0 0;
	text-indent:-9999px;
	border:1px solid #bcbcbc;
}
.steps .left-box ul.new-customer ul .visa label {
	width:33px;
	background-position:0 -21px;
}
.steps .left-box ul.new-customer ul .master label {
	width:34px;
	background-position:-34px -21px;
}
.steps .left-box ul.new-customer ul .discover label {
	width:33px;
	background-position:-67px -21px;
}
.steps .left-box ul.new-customer ul .amex label {
	width:34px;
	background-position:-100px -21px;
}
.steps .left-box ul.new-customer ul .paypal label {
	width:49px;
	background-position:-134px -21px;
}
.steps .left-box ul.new-customer ul .visa label.checked {
	background-position:0 0;
}
.steps .left-box ul.new-customer ul .master label.checked {
	background-position:-34px 0;
}
.steps .left-box ul.new-customer ul .discover label.checked {
	background-position:-67px 0;
}
.steps .left-box ul.new-customer ul .amex label.checked {
	background-position:-100px 0;
}
.steps .left-box ul.new-customer ul .paypal label.checked {
	background-position:-134px 0;
}
.steps .left-box ul.new-customer ul input {
	width:14px;
	height:15px;
	padding:0;
	margin:5px 0 0;
	border:none;
}
.steps .left-box ul.new-customer span {
	position:relative;
	float:left;
}
.steps .left-box ul.new-customer span input {
	float:none;
}
a.question {
	width:19px;
	height:19px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:#f00 url(../img/a-question.gif);
	position:absolute;
	top:2px;
	left:112px;
	z-index:110;
}
* html a.question {
	top:3px;
}
a.learn-more,a.visit-faq {
	width:343px;
	height:18px;
	overflow:hidden;
	display:block;
	margin:10px 0 0 12px;
	text-indent:-9999px;
	background:url(../img/text-learn-more.gif) no-repeat 0 0;
}
a.visit-faq {
	width:162px;
	background:url(../img/text-learn-more.gif) no-repeat -343px 0;
}
h3.plases-succesfully,h3.whyw3,h3.faq {
	margin:0;
	overflow:hidden;
	width:268px;
	height:19px;
	text-indent:-9999px;
	background:url(../img/text-plases-succesfully.gif) no-repeat 0 0;
}
h3.whyw3 {
	width:64px;
	background:url(../img/text-plases-succesfully.gif) no-repeat -268px 0;
}
h3.faq {
	width:27px;
	margin:42px 0 0;
	background:url(../img/text-plases-succesfully.gif) no-repeat -332px 0;
}
h2.congratulations {
	margin:26px 0 0 25px;
	overflow:hidden;
	width:217px;
	height:26px;
	text-indent:-9999px;
	background:url(../img/text-congratulations.gif);
}
.order-box .twocolumn {
	width:927px;
	padding:19px 0 65px 0;
	background:url(../img/bg-twocolumn.jpg) no-repeat 0 100%;
	overflow:hidden;
}
.order-box .twocolumn .left {
	width:421px;
	padding:0 19px 24px 25px;
	float:left;
}
.order-box .twocolumn .right {
	width:437px;
	background:url(../img/separator.gif) repeat-y 0 0;
	padding:0 0 24px 25px;
	float:left;
}
.order-box .twocolumn p {
	margin:19px 0 0;
	line-height:18px;
	color:#464d2f;
}
.order-box .twocolumn ul strong, .order-box .twocolumn p strong em {
	color:#cc5340;
	font-style:normal;
}
.order-box .twocolumn ul {
	margin:6px 0 0;
	padding:0;
	list-style:none;
	font-weight:bold;
	color:#464d2f;
	line-height:23px;
}
.order-box .twocolumn ul li {
	padding:0 0 0 10px;
	background:url(../img/bullet3.gif) no-repeat left 10px;
}
.position {
	position:absolute;
	top:0;
	left:0;
	z-index:101;
	width:100%;
}
.orderid {
	width:780px;
	overflow:hidden;
	margin:0 auto;
	background:url(../img/bg-login.gif);
	border:8px solid #fff;
}
.scroll {
	overflow:auto;
	width:780px;
}
.scrolll{
	overflow:hidden;
	width:100%;
}
.orderid .top {
	border-bottom:1px solid #fff;
	padding:8px 0 29px;
	width:764px;
	overflow:hidden;
	clear:both;
}
strong.status {
	width:51px;
	height:19px;
	background:url(../img/text-status.gif);
	float:right;
	overflow:hidden;
	margin:0 18px 0 0;
	text-indent:-9999px;
}
strong.status-new {
	width:84px;
	height:24px;
	background:url(../img/status-new.gif);
	float:right;
	overflow:hidden;
	margin:0 18px 0 0;
	text-indent:-9999px;
}
strong.status-underway {
	width:84px;
	height:24px;
	background:url(../img/status-underway.gif);
	float:right;
	overflow:hidden;
	margin:0 18px 0 0;
	text-indent:-9999px;
}
strong.status-done {
	width:84px;
	height:24px;
	background:url(../img/status-done.gif);
	float:right;
	overflow:hidden;
	margin:0 18px 0 0;
	text-indent:-9999px;
}
.orderid .top .order {
	float:left;
}
.orderid .top .order span {
	width:69px;
	height:26px;
	float:left;
	margin:0 0 0 25px;
	background:url(../img/text-order.gif);
	text-indent:-9999px;
	overflow:hidden;
}
.orderid .top .order em {
	float:left;
	margin:-3px 0 0 10px;
	font:bold 30px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#898989;
}
.order-summary {
	width:739px;
	overflow:hidden;
	padding:22px 0 0 25px;
}
.orderid ol .options em, .orderid .option em {
	float:left;
	font-style:normal;
	color:#7d7d7d;
	font-weight:bold;
}
.orderid .option {
	width:739px;
	overflow:hidden;
}
.orderid ol .options ul, .orderid .option ul {
	margin:0;
	padding:0 18px 0 0;
	list-style:none;
	float:right;
	text-transform:uppercase;
	font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.orderid ol .options ul li, .orderid .option li {
	float:left;
	width:auto;
	background:none;
	padding:0 0 0 11px;
}
.orderid ol a,.orderid .option a {
	color:#cc5340;
}
.orderid ol a:hover,.orderid .option a:hover {
	text-decoration:none;
}
.order-summary h3 {
	margin:0;
	font-size:16px;
	color:#464d2f;
}
.order-summary .list {
	margin:18px 0 0;
	padding:0;
	font-weight:bold;
	color:#44a65e;
	list-style:none;
}
.order-summary .list.op {
	margin:0;
}
.order-summary .list strong {
	color:#cc5340;
}
.order-summary p {
	margin:18px 0 0;
}
.postcomments strong, .order-summary p strong {
	color:#44a65e;
}
.postcomments div span, .postcomments a, .order-summary p a {
	color:#cc5340;
	font-weight:bold;
}
.postcomments a:hover, .order-summary p a:hover {
	text-decoration:none;
}
.order-summary h4 {
	font-size:13px;
	text-transform:uppercase;
	color:#464d2f;
	margin:16px 0 0;
}
.orderid ol {
	margin:14px 0 0;
	padding:0;
	list-style:none;
	width:764px;
	color:#464d2f;
	overflow:hidden;
	background:url(../img/divider2.gif) no-repeat 0 100%;
}
.orderid ol li {
	width:764px;
	overflow:hidden;
	float:left;
	padding:2px 0 0;
	background:url(../img/divider2.gif) no-repeat 0 0;
}
.orderid ol li .frame {
	width:739px;
	padding:24px 0 20px 25px;
	overflow:hidden;
	background:#f3f7e8 url(../img/divider2.gif) no-repeat 0 100%;
}
.orderid ol li.wbg {
	background:none;
}
.orderid ol li.wbg .frame {
	background:none;
}
.orderid ol .options {
	width:739px;
	overflow:hidden;
}
.orderid ol h3 {
	font-size:16px;
	margin:0;
}
.orderid ol h3.me {
	color:#d44783;
}
.orderid ol p {
	margin:2px 0 0;
}
.orderid ol p.files {
	font-weight:bold;
	margin:19px 0 0;
	color:#cc5340;
}
.orderid ol p.files strong {
	color:#44a65e;
}
.postcomments {
	width:739px;
	overflow:hidden;
	color:#464d2f;
	padding:22px 0 0 25px;
}
.orderid .postcomments p {
	margin:0;
}
.postcomments h3 {
	background:url(../img/text-post-comments.gif);
	margin:0;
	overflow:hidden;
	width:109px;
	height:15px;
	text-indent:-9999px;
}
.postcomments textarea {
	font:13px Arial, Helvetica, sans-serif;
	margin:13px 0 0;
	width:280px;
	height:111px;
	background:#ecf1de;
	border:1px solid #ced2bf;
	padding:2px 0 0 4px;
}
.postcomments textarea input {
	font:13px Arial, Helvetica, sans-serif;
	padding:2px 0 0;
	width:280px;
}
.postcomments div {
	padding:15px 0 6px 0;
}
.postcomments .post	{
	margin:15px 0 0;
}
.postcomments div span {
	margin:0 0 0 9px;
}
.place-another {
	padding:6px 0 10px 0;
}
.place-another h2 {
	width:117px;
	margin:0;
	height:18px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../img/text-plase-another.gif);
}
body#example {
	background:#fff;
}
#nobg body#top-navigation {
	background:#f3f7e8;
	padding:0 0 0 42px;
	text-transform:uppercase;
	min-width:0;
}
#top-navigation h1 {
	font:bold 14px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 18px 0 0;
	display:inline;
	color:#9e9e9e;
	text-transform:uppercase;
	float:left;
}
.pre-frame {
	position:relative;
}
#top-navigation ul {
	margin:0;

	text-align:center;
	font:bold 14px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0;
	list-style:none;
}
#top-navigation ul li {
	float:left;
	padding:0 18px 0 0;
}
#top-navigation a {
	color:#9e9e9e;
	text-decoration:none;
}
#top-navigation .active a, #top-navigation a:hover {
	color:#cc5340;
}
#code-page .pre-frame {
	margin:0;
}
#code-page .pre-frame .bg {
	background:#f0f0f0;
	border:7px solid #f0f0f0;
}
#code-page .pre-frame .bg {
	border-left:40px solid #f0f0f0;
}
#code-page .pre-frame .gr {
	color:#999;
}
#code-page .pre-frame .cc {
	color:#909;
}
#code-page .pre-frame .cc em {
	color:#060;
}
#code-page .pre-frame .cc em.import {
	color:#099;
	font-weight:bold;
}
#code-page .pre-frame b {
	word-spacing:-8px;
}
#code-page .pre-frame span {
	display:block;
	white-space:nowrap;
	line-height:27px;
	text-indent:15px;
	width:100%;
	margin:1px 0 0;
	background:#f8f8f8;
	border-bottom:1px solid #f3f3f3;
	border-top:1px solid #f3f3f3;
}
#code-page .pre-frame span:hover,#code-page .pre-frame span.hover {
	background:#FEFEFE;
}
#code-page .pre-frame .html span {
	color:#009;
}
#code-page .pre-frame pre {
	margin:0;
	padding:0;
}
#code-page .pre-frame pre.html {
	color:#009;
	font-size:13px;
	line-height:normal;
}
#code-page .pre-frame ul {
	position:absolute;
	top:0;
	left:0;
	width:40px;
	margin:8px 0 0;
	padding:0;
	list-style:none;
}
* html #code-page .pre-frame ul {
	left:-40px;
}
#code-page .pre-frame ul li {
	float:left;
	width:40px;
	padding:0;
	text-indent:14px;
	line-height:29px;
	margin:1px 0 0;
}
* html #code-page .pre-frame ul li {
	line-height:28px;
}
#code-page .pre-frame strong {
	font-weight:normal;
	color:#f0f;
}
#code-page .pre-frame strong.g {
	color:#060;
}
#code-page .pre-frame strong.g em {
	color:#00f;
}
#code-page .pre-frame em {
	font-style:normal;
	color:#00f;
}
#code-page .pre-frame em.n {
	color:#000;
}
#code-page {
	background:#f0f0f0;
}
#code-page .pre-frame pre.js em, #code-page .pre-frame pre.js strong {
	font-weight:bold;
	color:#009;
}
#code-page .pre-frame pre.js strong.ar {
	color:#099;
	font-weight:normal;
}
#code-page .pre-frame pre.js em.eq {
	color:#00f;
}
#code-page .pre-frame pre.js strong.f {
	color:#000;
}
em.tab1 {
	margin:0 0 0 64px;
}
em.tab2 {
	margin:0 0 0 128px;
}
em.tab3 {
	margin:0 0 0 192px;
}
em.tab4	{
	margin:0 0 0 256px;
}
em.tab5 {
	margin:0 0 0 320px;
}
em.tab6 {
	margin:0 0 0 384px;
}
em.tab7 {
	margin:0 0 0 448px;
}
em.tab8 {
	margin:0 0 0 512px;
}
em.tab9 {
	margin:0 0 0 576px;
}
em.tab10 {
	margin:0 0 0 640px;
}
em.tab11 {
	margin:0 0 0 704px;
}
em.tab12 {
	margin:0 0 0 768px;
}
em.tab13 {
	margin:0 0 0 832px;
}
em.tab14 {
	margin:0 0 0 896px;
}
em.tab15 {
	margin:0 0 0 960px;
}
.text {
	padding:0 30px 0 45px;
}
.text a {
	color:#DD6681;
}
.text a:hover {
	text-decoration:none;
}
.text p {
	margin:10px 0 0;
}
.text h3 {
	font:18px Tahoma, Arial, Helvetica, sans-serif;
	margin:18px 0 0;
}
.text ul {
	margin:10px 0 0;
	padding:0;
	list-style:none;
}
.text form dl {
	margin:10px 0 0;
	padding:0;
}
.text form dd, .text form dt {
	margin:0;
	padding:0;
}
.text label {
	line-height:24px;
}
.text label em {
	color:#f00;
}
.text textarea, .text input {
	color:#8a9b00;
	font:13px Arial, Helvetica, sans-serif;
	width:280px;
	height:19px;
	padding:2px 0 0 4px;
	background:#ecf1de;
	border:1px solid #d1d5c2;
}
.text input.file {
	width:284px;
}
.text .submit input {
	width: auto;
	height: auto;
	border: none;
	padding: 0;
	margin: 10px 0 0 181px;
}
.text textarea {
	height:113px;
}
.text select {
	width:286px;
	color:#8a9b00;
	border:1px solid #ced2bf;
	background:#ecf1de;
}
#progress,
#order-progress,
#ticket-progress {
	display:none;
	background:#ECF1DE;
	width:284px;
	height:21px;
	border:1px solid #D1D5C2;
	position:relative;
	margin:0;
	padding:0;
}
#progress span#progress-bar,
#order-progress span#order-progress-bar,
#ticket-progress span#ticket-progress-bar {
	width:0%;
	display:block;
	background:#E46B58;
	height:21px;
	margin:0;
	padding:0;
}
#progress span#progress-percentage,
#order-progress span#order-progress-percentage,
#ticket-progress span#ticket-progress-percentage {
	width:284px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:19px;
	margin:0;
	padding:2px 0 0;
	text-align:center;
	font-weight:bold;
}
#swf-container,
#order-swf-container,
#ticket-swf-container {
	width:1px;
	height:1px;
	position:fixed;
	left:0;
	top:0;
}
.examples a.prew,.examples a.next {
	width: 14px;
	height: 36px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	position: absolute;
	left: 6px;
	top: 54px;
}
.examples a.next {
	left: 210px;
}
/*
.scroll {
	width: 10000px;
	overflow: hidden;
	height: 28px;
}
*/
.htm,.ns {
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.login-box #error {
	padding:0;
}
#error {
	padding:0 0 0 20px;
	height:auto;
}
#error ul {
	list-style:none;
	margin:20px 0;
	padding:0;
	width:255px;
}
#error ul li {
	list-style:none;
	margin:0 0 5px;
	background:transparent url(../img/bullet.gif) no-repeat 0 6px;
	padding:0 0 0 14px;
}

.text ul {
	color:#586622;
	margin:10px 0 0 15px;
	padding:0;
	list-style:none;
	font:13px Arial, Helvetica, sans-serif;
}
.text ul li {
	padding:0 0 0 14px;
	background:url(../img/bullet.gif) no-repeat left;
}
.hidden {
	display:none;
}
.custom-upload div,
.order-custom-upload div,
.ticket-custom-upload div {
	cursor:pointer;
}
acronym {
	border:none;
	background:url(../img/dotted.gif) repeat-x 0 bottom;
}

/* edit profile */
#content .profile {
	width:510px;
	overflow:hidden;
	background:url(../img/bg-menu.png);
	border:1px solid #c4c5b8;
	margin:9px 0 0 32px;
	padding:9px 0 19px 10px;
}
#content ul.edit-profile{
	margin:5px 0 0 30px;
	padding:0 0 0 0px;
	list-style:none;
	overflow:hidden;
	width:445px;
}
#content ul.edit-profile li{
	float:left;
	width:445px;
}
#content ul.edit-profile div{
	float:left;
	width:152px;
}
#content ul.edit-profile div input{
	width:126px;
}
#content ul.edit-profile div input.small{
	width:56px;
	margin:0 7px 0 0;
}
#content ul.edit-profile div.second{
	width:133px;
	float:left;
}
#content ul.edit-profile li em {
	float:none;
	display:block;
	width:100%;
	color:#cc5340;
	font-style:normal;
}
#content ul.edit-profile label{
	float:none;
	display:block;
	font:bold 13px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#474747;
}
#content ul.edit-profile select,
#content ul.edit-profile input{
	width:279px;
	height:19px;
	font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:2px 0 0 5px;
	color:#8a9b00;
	background:#ecf1de;
	border:1px solid #ced2bf;
	margin:0;
}
#content ul.edit-profile select{
	height:auto;
	padding:0;
}
#content ul.edit-profile ul{
	margin:0;
	padding:4px 0 0;
	overflow:hidden;
	width:284px;
	list-style:none;
	display:block;
}
#content ul.edit-profile ul li{
	float:left;
	width:auto;
}
#content ul.edit-profile ul label{
	float:left;
	height:21px;
	overflow:hidden;
	background-image:url(../img/cart.gif);
	background-repeat:no-repeat;
	margin:0 2px 0 0;
	text-indent:-9999px;
	border:1px solid #bcbcbc;
}
#content ul.edit-profile ul .visa label{
	width:33px;
	background-position:0 -21px;
}
#content ul.edit-profile ul .master label{
	width:34px;
	background-position:-34px -21px;
}
#content ul.edit-profile ul .discover label{
	width:33px;
	background-position:-67px -21px;
}
#content ul.edit-profile ul .amex label{
	width:34px;
	background-position:-100px -21px;
}
#content ul.edit-profile ul .paypal label{
	width:49px;
	background-position:-134px -21px;
}
#content ul.edit-profile ul .visa label.checked{background-position:0 0;}
#content ul.edit-profile ul .master label.checked{background-position:-34px 0;}
#content ul.edit-profile ul .discover label.checked{background-position:-67px 0;}
#content ul.edit-profile ul .amex label.checked{background-position:-100px 0;}
#content ul.edit-profile ul .paypal label.checked{background-position:-134px 0;}
#content ul.edit-profile ul input{
	width:14px;
	height:15px;
	padding:0;
	margin:5px 0 0 0;
	border:none;
	float:left;
	background:none;
}
#content ul.edit-profile span{
	position:relative;
	float:left;
}
#content ul.edit-profile span input{float:none;}
#content .buttons a {
	display:block;
	line-height:35px;
	color:#cc5340;
	float:left;
	margin:5px 20px 0 33px;
	padding: 0 0px;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
}
#content .buttons {
	margin:19px 0 0 35px;
}
#content .buttons a.save {
	text-indent:-9999px;
	width:39px;
	background: url(../img/a-btn-save.gif) no-repeat 50% 50%;
}
.submit input {
	margin:0 0 28px 0;
}

#subslider {
	overflow:hidden;
	width:0;
	float:right;
}
#slider {
	margin:0 auto;
	width:943px;
}
#hp-testimonial {
	min-height:100px;
	height:auto;
}
* html #hp-testimonial {
	height:100px;
}

/* new order page*/

.submit-order{
	float:left;
	display:inline;
	width:146px;
	height:43px;
	background:#f0f;
	margin:0 0 0 2px;
	background:url(../img/bg-submit-order.jpg) no-repeat 0 0;
}
.submit-order a{
	float:left;
	width:115px;
	height:11px;
	text-indent:-9999px;
	overflow:hidden;
	margin:16px 0 0 16px;
	background:url(../img/submit-order.gif) no-repeat 0 0;
}
#content h2.order-details{
	float:left;
	display:inline;
	margin:87px 0 0 47px;
	padding:0;
}
#content p.top{
	float:left;
	display:inline;
	margin:10px 0 0 49px;
	width:646px;
}
.add-options{
	width:672px;
	float:left;
	padding:0 0 0 30px;
}
#content .add-options h2{
	margin:17px 0 0 16px;
}
#layout,
#markup,
#implement{
	float:left;
	width:663px;
}
#layout h3,
#markup h3,
#implement h3{
	margin:13px 0 0;
	font-size:18px;
	line-height:22px;
	letter-spacing:1px;
}
#layout h3 a,
#markup h3 a,
#implement h3 a{
	float:left;
	width:168px;
	height:27px;
	padding:6px 0 0 10px;
	color:#fff;
	text-decoration:none;
	background:url(../img/bg-add-options-h3.gif) no-repeat 0 0;
}
#layout.closed h3 a{
	background-position:0 -33px;
}
#layout h3 span,
#markup h3 span,
#implement h3 span{
	float:right;
	margin:6px 48px 0 0;
	color:#E95E81;
}
.add-options .cont{
	width:663px;
	float:left;
	background:url(../img/bg-cont.gif) repeat-y 0 0;
}
.add-options .closed .cont{
	background:url(../img/bg-cont-closed.gif) repeat-y 0 0;
}
.add-options .cont-top{
	width:663px;
	float:left;
	background:url(../img/bg-cont-top.gif) no-repeat 0 0;
}
.add-options .closed .cont-top{
	background:url(../img/bg-cont-top-closed.gif) no-repeat 0 0;
}
.add-options .cont-bottom{
	width:599px;
	float:left;
	padding:0 48px 0 16px;
	background:url(../img/bg-cont-bottom.gif) no-repeat 0 100%;
}
.add-options .closed .cont-bottom{
	background:url(../img/bg-cont-bottom-closed.gif) no-repeat 0 100%;
}
.add-options .cont .content{
	float:left;
	width:599px;
	padding:15px 30px 0 0;
	background:url(../img/bg-cont-main.gif) no-repeat 0 0;
}
.add-options .closed .cont .content{
	background:none;
}
.add-options .cont p.main{
	margin:0;
	float:left;
	padding:9px 0 11px;
	width:599px;
}
.add-options .block{
	width:599px;
	float:left;
	padding:0 0 28px;
}
.add-options .cont h4{
	float:left;
	margin:0;
	padding:0 0 4px;
	color:#565656;
	font-size:16px;
	line-height:18px;
}
.add-options p{
	width:599px;
	float:left;
	margin:0;
}
.add-options  .dots{
	width:599px;
	float:left;
	margin:7px 0 0;
	background:url(../img/bg-dots.gif) repeat-x 0 17px;
}
.add-options .container{
	float:left;
	background:#fff;
	margin:0 0 0 -14px;
}
.add-options .dots a{
	float:left;
	position:relative;
	padding:5px 0 4px 27px;
	margin:0 0 0 10px;
	color:#585858;
	text-decoration:none;
	line-height:14px;
	background:#fff url(../img/bg-plus-notactive.gif) no-repeat 0 0;
}
.add-options .dots a.active{
	font-weight:bold;
	background:#fff url(../img/bg-plus.gif) no-repeat 0 0;
}
.add-options .dots span{
	float:right;
	background:#fff;
	color:#D44783;
	font-size:15px;
	margin:2px 0 0;
}
.add-options .dots span.null{
	color:#6A6A6A;
}
.add-options .block ul{
	float:left;
	width:599px;
	margin:-2px 0 -1px;
	padding:0;
	list-style:none;
}
.add-options .block li.dots{
	margin:10px 0 0;
}
#markup h3 a{
	width:173px;
	background-position:-178px 0;
}
#markup.closed h3 a{
	background-position:-178px -33px;
}
#implement h3 a{
	width:262px;
	padding:6px 0 0 2px;
	text-align:center;
	background-position:-361px 0;
}
#implement.closed h3 a{
	background-position:-361px -33px;
}
#subtotal{
	width:670px;
	height:75px;
	float:left;
	display:inline;
	margin:11px 0 0 26px;
	background:url(../img/bg-subtotal.jpg) no-repeat 0 0;
}
#subtotal .sub{
	float:right;
	display:inline;
	margin:24px 45px 0 0;
	font-size:30px;
	line-height:34px;
	color:#515151;
}
#subtotal .sub span{
	color:#F56D2C;
}
#subtotal .discount,
#payment .discount{
	float:right;
	height:26px;
	display:inline;
	margin:31px 13px 0 0;
	font-size:24px;
	line-height:26px;
	color:#515151;
}
#subtotal .discount span{
	color:#C14836;
}
#payment{
	width:669px;
	float:left;
	display:inline;
	margin:11px 0 0 26px;
}
#payment h2{
	margin:10px 0 0 20px;
}
#payment form{
	float:left;
	width:622px;
	height:557px;
	overflow:hidden;
	margin:11px 0 0;
	padding:34px 0 0 49px;
	background:url(../img/bg-payment.jpg) no-repeat 0 0;
}
h3.new-customer{
	width:99px;
	height:15px;
	float:left;
	display:inline;
	margin:9px 212px 0 0;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/txt-payment-headers.gif) no-repeat 0 0;
}
h3.use-account{
	width:156px;
	height:19px;
	float:left;
	display:inline;
	margin:9px 0 0;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/txt-payment-headers.gif) no-repeat -99px 0;
}
#payment form ul{
	float:left;
	width:311px;
	margin:5px 0 0 -2px;
	padding:0 0 0 2px;
	list-style:none;
	overflow:hidden;
}
#payment form li{
	width:307px;
	float:left;
	height:46px;
}
#payment form label{
	float:left;
	width:301px;
	padding:3px 0 4px;
	font-size:13px;
	line-height:14px;
	color:#474747;
	font-weight:bold;
}
#payment form label.green{
	color:#464D2F;
}
#payment form div label{
	height:23px;
	width:36px;
	padding:0;
	background:url(../img/ico-payment.gif) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
#payment form div input{
	float:left;
	margin:5px 2px 0 1px;
	width:15px;
	height:14px;
}
#payment form div .visa-active{
	background-position:0 -23px;
}
#payment form div .mastercard{
	background-position:-36px 0;
}
#payment form div .mastercard-active{
	background-position:-36px -23px;
}
#payment form div .discover{
	background-position:-72px 0;
}
#payment form div .discover-active{
	background-position:-72px -23px;
}
#payment form div .amex{
	background-position:-108px 0;
}
#payment form div .amex-active{
	background-position:-108px -23px;
}
#payment form div .paypal{
	width:51px;
	background-position:-144px 0;
}
#payment form div .paypal-active{
	width:51px;
	background-position:-144px -23px;
}
#payment form .text{
	float:left;
	height:20px;
	width:277px;
	padding:1px 0 0 7px;
	border:1px solid #CED2BF;
	color:#8A9B00;
	background:#ECF1DE;
	font:13px/18px 'Trebuchet MS', Trebuchet, Arial, Verdana, sans-serif;
}
#payment form span{
	float:left;
	width:153px;
}
#payment form span label{
	width:153px;
}
#payment form span .text{
	width:124px;
}
#payment form select{
	width:286px;
	height:21px;
	padding:0;
	color:#8A9B00;
}
#payment form span.date .text{
	width:55px;
	margin:0 7px 0 0;
}
#payment form .cvv-code span,
#payment form .password span{
	width:131px;
	float:left;
	border:1px solid #CED2BF;
	background:#ECF1DE;
}
#payment form .cvv-code input,
#payment form .password input{
	background:none;
	border:none;
	width:96px;
	margin:0;
}
#payment form .cvv-code a,
#payment form .password a{
	float:right;
	width:19px;
	height:19px;
	margin:1px;
	background:url(../img/bg-cvv-question.gif) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
}
#payment form .password span{
	width:284px;
}
#payment form .password input{
	width:249px;
}
#payment form .button{
	float:left;
	margin:10px 0 0;
}
.pay-now, .pay-deposit {
	float:right;
	width:500px;
	height:40px;
	line-height:40px;
	color:#6caf30;
	font-size:29px;
	padding:0 0 16px;
}
.pay-deposit{
	padding:0 0 28px;
}
.pay-now a, .pay-deposit a {
	width:135px;
	height:40px;
	overflow:hidden;
	text-indent:-9999px;
	float:right;
	text-align:center;
	background:url(../img/bg-pay-deposit.gif) no-repeat 0 0;
}
.pay-now a {
	width:211px;
	background:url(../img/bg-pay-now.gif) no-repeat 0 0;
}
#payment .pay-deposit span {
	float:right;
	width:auto;
	padding:0 10px;
	background:url(../img/bg-pay-now.gif) no-repeat 100% 0;
}
.pay-now {
	color:#505444;
}
#payment .pay-now span {
	float:right;
	color:#c7523f;
	width:auto;
	padding:0 10px;
	background:url(../img/bg-pay-now.gif) no-repeat 100% 0;
}
#payment .discount{
	margin:8px 10px 0 0;
}
#payment .discount span {
	color:#C14836;
	background:none;
	padding:0;
	float:none;
}
#payment .discount span.null{
	color:#87991F;
}
#payment .back{
	margin:0 0 0 1px;
}

#summary{
	position:absolute;
	right:6px;
	top:767px;
	width:307px;
}
#summary .bg-shadow{
	width:307px;
	overflow:hidden;
	background:url(../img/bg-summary.png) repeat-y 0 0;
}
#summary .bg{
	width:243px;
	overflow:hidden;
	padding:19px 28px 18px 36px;
	background:url(../img/bg-summary.jpg) repeat-y 2px 0;
}
#summary .bg-top{
	line-height:1px;
	font-size:1px;
	height:10px;
	width:307px;
	background:url(../img/bg-summary-top.png) no-repeat 0 0;
}
#summary .bg-bottom{
	position:relative;
	bottom:0;
	height:10px;
	width:307px;
	background:url(../img/bg-summary-bottom.png) no-repeat 0 0;
}
#summary h3{
	font:24px/26px Tahoma, Arial, Helvetica, sans-serif;
	margin:0 0 0 -1px;
	color:#D44783;
}
#summary ul{
	float:left;
	width:243px;
	margin:12px 0 0;
	padding:0;
	list-style:none;
	color:#44A65E;
	font-weight:bold;
}
#summary ul li{
	float:left;
	width:243px;
}
#summary ul li span{
	color:#CC5340;
}
#summary ul .price{
	color:#464D2F;
	background:url(../img/bg-price.gif) repeat-x 0 13px;
}
#summary ul .price strong{
	float:left;
	background:url(../img/bg-price-underlinefix.gif) repeat-x 0 13px;
}
#summary ul .price span{
	color:#B43F5C;
	float:right;
	background:url(../img/bg-price-underlinefix.gif) repeat-x 0 13px;
}
#summary .comments{
	float:left;
	width:243px;
	margin:18px 0 0;
}
#summary h4{
	margin:0;
	font-size:13px;
	color:#44A65E;
}
#summary .comments p{
	margin:0;
	color:#464D2F;
}
#summary .files{
	float:left;
	width:243px;
	margin:17px 0 0;
}
#summary .files ul{
	margin:0;
	color:#CC5340;
}
#summary .files li{
	float:none;
	width:auto;
	display:inline;
}
#summary .files a{
	color:#CC5340;
}
#summary .files a:hover{
	text-decoration:none;
}
#summary .options{
	float:left;
	width:243px;
	margin:18px 0 0;
}
#summary .options h4{
	font-size:17px;
	line-height:18px;
	color:#B43F5C;
}
#summary .options ul{
	padding:0 0 5px;
}
#summary strong.price{
	width:249px;
	padding:18px 0 0;
	margin:8px -3px 0 0;
	text-align:right;
	background:url(../img/bg-summary-cost.png) no-repeat 0 0;
}

/* step 1 */

#steps{
	background:url(../img/bg-page-steps.jpg) no-repeat 50% 0;
}
#steps h2.order-now{
	margin:24px 0 21px 49px;
	color:#D54783;
}
#steps #subtotal{
	margin:5px 0 0 26px;
}
#steps .showstep{
	float:left;
	display:inline;
	height:42px;
	width:665px;
	margin:0 0 0 37px;
	padding:0 0 6px;
	list-style:none;
}
#steps .showstep li{
	float:left;
	height:42px;
	margin:0 6px 0 0;
	background:url(../img/bg-showstep.jpg) no-repeat;
	text-indent:-9999px;
}
#steps .showstep li#details{
	width:164px;
}
#steps .showstep li#details.active{
	background-position:0 -42px;
}
#steps .showstep li#options{
	width:211px;
	background-position:-164px 0;
}
#steps .showstep li#options.active{
	background-position:-164px -42px;
}
#steps .showstep li#pay{
	width:127px;
	background-position:-375px 0;
}
#steps .showstep li#pay.active{
	background-position:-375px -42px;
}
#steps .next{
	float:left;
	width:702px;
	padding:0 0 27px;
}
#steps .next .to-options{
	float:right;
	width:399px;
	height:42px;
	background:url(../img/bg-to-options.jpg) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
	margin:15px 7px 0 296px;
}
#steps .next .to-payment{
	float:right;
	width:454px;
	height:42px;
	background:url(../img/bg-to-payment.jpg) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
	margin:11px 7px 0 241px;
}
#steps .foo{
	margin:0 0 0 33px;
	padding:12px 12px 10px 19px;
	width:635px;
}

/* step 2 */

#steps .how-many-pages{
	background:url(../img/bg-howmanypages.jpg) no-repeat 100% 10px;
}
#steps div.order{
	background:url(../img/bg-order.jpg) no-repeat 26px 0;
}
#steps .add-options{
	padding:0 0 15px 37px;
	width:665px;
}
#steps #layout{
	width:658px;
}
#steps .next .back{
	float:left;
	width:99px;
	height:40px;
	background:url(../img/bg-back.jpg) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
	margin:16px 0 -10px 27px;
}
#steps .next .payment{
	float:right;
	width:127px;
	height:42px;
	background:url(../img/bg-payment-button.jpg) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
	margin:15px 7px -9px 0;
}
#steps #content p.top {
	margin-top:4px;
}
#steps .add-options .cont{
	background:url(../img/bg-stepcont.gif) repeat-y 0 0;
}
#steps .add-options .cont-top{
	background:url(../img/bg-stepcont-top.gif) no-repeat 0 0;
}
#steps .add-options .cont-bottom{
	background:url(../img/bg-stepcont-bottom.gif) no-repeat 0 100%;
}
#steps .add-options .closed .cont{
	background:url(../img/bg-stepcont-closed.gif) repeat-y 0 0;
}
#steps .add-options .closed .cont-top{
	background:url(../img/bg-stepcont-closed-top.gif) no-repeat 0 0;
}
#steps .add-options .closed .cont-bottom{
	background:url(../img/bg-stepcont-closed-bottom.gif) no-repeat 0 100%;
}

/* congratulations page */

#pagewidth.congratulations{
	background:url(../img/bg-congratulations.jpg) no-repeat 0 323px;
}
#congratulations{
	width:640px;
	padding:0 62px 0 72px;
	margin:0 0 0 -10px;
	overflow:hidden;
	position:relative;
}
#congratulations .cont{
	width:415px;
	overflow:hidden;
	background:url(../img/bg-congratulations-cont.gif) repeat-x 0 100%;
	padding:0 225px 28px 0;
	position:relative;
}
#congratulations h2{
	margin:50px 0 0;
}
#congratulations h3.placed-succesfully{
	width:268px;
	height:19px;
	margin:19px 0 0;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../img/text-plases-succesfully.gif) no-repeat 0 0;
}
#congratulations .number{
	width:640px;
	margin:9px 0 0;
	font-weight:bold;
	color:#464D2F;
}
#congratulations .number strong,
#congratulations .faq ul strong{
	color:#CC5340;
}
#congratulations p{
	margin:19px 0 0;
	color:#464D2F;
}
#congratulations .canvas{
	position:absolute;
	right:5px;
	bottom:21px;
	width:185px;
	height:209px;
	background:url(../img/bg-canvas.png) no-repeat 0 0;
}
#congratulations div.faq{
	width:682px;
	float:left;
	margin:30px 0 0;
	padding:0 0 45px;
	color:#464D2F;
	font-weight:bold;
}
#congratulations div.faq ul{
	margin:6px 0 0;
	padding:0;
	list-style:none;
	line-height:23px;
}
#congratulations div.faq li{
	background:url(../img/bullet3.gif) no-repeat left center;
	padding:0 0 0 10px;
}
#congratulations .faq .left{
	float:left;
	width:402px;
}
#congratulations .faq .right{
	float:right;
	width:280px;
}
#congratulations h3.faq{
	margin:0;
}
#pagewidth.congratulations #footer{
	margin:0 0 0 6px;
}
#pagewidth.congratulations .foo{
	padding-right:2px;
	width:645px;
}