*{font-size:100.01%}
html {
	font-size:64%;
	background:url(../images/bg-main.jpg?) repeat-y;
	height:100%;
}
body {
	margin:0;
	font:1.563em/1.375em 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#585858;
	min-width:1001px;
	height:100%;
	background:url(../images/bg-blot.jpg?) no-repeat 764px 0;
}
img {border-style:none;}
a {
	color:#d3515f;
	text-decoration:none;
}
a:hover, .theme a:hover, .entry-title a:hover, .comments .alt .headline strong a:hover, .comments .headline strong a:hover, #content ul.switch li p a:hover, #content ul.switch li.active p a:hover {color: #b2323f;}
.hidden, input.required-text, input.file-text{display:none;}
a.hidden{
	display:inline;
	position:absolute;
	top:-9999px;
}
label, input, textarea, select {
	font:1em/1.25em 'Trebuchet MS', Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color:#585858;
}
label{cursor:pointer;}
input, textarea, select {
	font-size:0.938em;
	line-height:1.333em;
}
form, fieldset {
	margin:0;
	padding:0;
	border:none;
}
input:focus, textarea:focus, select:focus{outline:none;}
acronym{
	border-style:none;
	background: url(../images/bg-acronym.gif) repeat-x 0 100%;
}
h1 acronym{background: url(../images/bg-acronym2.gif) repeat-x 0 100%;}
blockquote{
	margin:0 0 9px;
	display:block;
}
q{quotes: none;}
q:before{content:"";}
q:after{content:"";}
blockquote cite{
	display:block;
	color:#303030;
	font-style:normal;
	margin:9px 0 0;
}
blockquote cite span a {color:#d3515f;}
legend span{
	position:absolute;
	top:-9999px;
}
label span{color:#ff6c00;}
#page-width{
	height:100%;
	padding-left:97px;
}
#wrapper{
	width:966px;
	height:100%;
	display:table;
}
.w1{
	width:100%;
	display:table-row;
}
.w2{display:table-cell;}
#header{
	width:100%;
	overflow:hidden;
	padding:33px 0 20px;
}
.logo{
	float:left;
	margin:2px 0 0 14px;
	width:347px;
	height:62px;
	position:relative;
	overflow:hidden;
	display:inline;
}
.logo a, .logo em, .row .code .info a, .order-number .title em, .order-options .title em, .tabset li a, .slide-block .heading em, .btns a, .main-detail .plus a, .main-detail .minus a, .types-list label em, .payment-info .type label em, .gallery .link-prev em, .gallery .link-next em, .cards .name em, .rss a{
	display:block;
	height:100%;
	text-indent:-9999px;
}
.logo strong, .row .code .info strong, .order-number .title strong, .order-options .title strong, .slide-block .heading strong, .main-detail .plus strong, .main-detail .minus strong, .types-list label strong, .payment-info .type label strong, .gallery .link-prev strong, .gallery .link-next strong, .cards .name strong, .rss strong{
	display:block;
	width:100%;
	text-indent:0;
}
.logo span, .row .code .info span, .order-number .title span, .order-options .title span, .tabset li span, .slide-block .heading span, .btns span, .main-detail .plus span, .main-detail .minus span, .types-list label span, .payment-info .type label span, .gallery .link-prev span, .gallery .link-next span, .cards .name span, .rss span{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background: url(../images/bg-sprite.gif?1) no-repeat -5px -684px;
}
.logo a span, .rss span{cursor:pointer;}
#nav, .user-btns, .connect, .socials{
	margin:0;
	padding:0;
	list-style:none;
	font-size:0.875em;
	line-height:1.14em;
	background:#f9f8f0;
	width:706px;
	overflow:hidden;
}
.user-btns, .socials{
	width:100%;
	margin:0 0 35px;
}
.connect{
	float:right;
	font-size:0.75em;
	line-height:1em;
	white-space:nowrap;
	width:376px;
	background:none;
}
#nav li, .user-btns li, .connect li, .submit-project, .socials li{
	float:left;
	height:54px;
	position:relative;
	overflow:hidden;
}
.connect li{
	height:25px;
	clear:left;
}
#nav li.faq{width:150px;}
#nav li.testimonials{width:169px;}
#nav li.examples{width:140px;}
#nav li.blog{width:118px;}
#nav li.login, #nav li.logout{width:129px;}
.user-btns li.orders{width:113px;}
.user-btns li.profile{width:112px;}
.connect li.chat{width:56px;}
.connect li.contact{width:61px;}
.connect li.phone{width:82px;}
.socials li.rss{width:116px;}
.socials li.twitter{width:54px;}
.socials li.facebook{width:55px;}
.submit-project{
	float:none;
	width:100%;
	background:#f9f8f0;
	text-align:center;
	margin:0 0 35px;
}
.b-box .submit-project{
	background:none;
	margin:0 0 16px;
}
#nav a, .user-btns a, .connect a, .connect em, .submit-project a, .socials a{
	color:#303030;
	display:block;
	height:100%;
	text-indent:-9999px;
	overflow:hidden;
}
.connect a, .connect em{height:13px;}
.connect em{
	color:#c23140;
	font-style:normal;
	letter-spacing:-1px;
}
#nav strong, .user-btns strong, .connect strong, .submit-project strong, .socials strong{
	display:block;
	text-indent:0;
	padding:10px 0 0 10px;
}
.connect strong{padding:0;}
.submit-project strong{padding-left:0;}
#nav span, .user-btns span, .connect span, .submit-project span, .socials span{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	font-size:0;
	background:url(../images/bg-sprite.gif?1) no-repeat;
}
.socials span{background: url(../images/bg-socials.gif) no-repeat;}
.connect span{height:13px;}
#nav a span, .user-btns span, .connect a span, .submit-project span, .socials span{cursor:pointer;}
#nav li a:hover, .user-btns li a:hover, .submit-project a:hover, .b-box .submit-project a:hover, .tabset li.details a:hover, .btns li a:hover{background:url(../images/none.gif);}
#nav li.faq span{background-position:-5px -68px;}
#nav li.testimonials span{background-position:-160px -68px;}
#nav li.examples span{background-position:-334px -68px;}
#nav li.blog span{background-position:-479px -68px;}
#nav li.login span{background-position:-602px -68px;}
#nav li.logout span{background-position:-736px -68px;}
#nav li.faq a:hover span{background-position:-5px -126px;}
#nav li.testimonials a:hover span{background-position:-160px -126px;}
#nav li.examples a:hover span{background-position:-334px -126px;}
#nav li.blog a:hover span{background-position:-479px -126px;}
#nav li.login a:hover span{background-position:-602px -126px;}
#nav li.logout a:hover span{background-position:-736px -126px;}
.user-btns li.orders span{background-position:-5px -184px;}
.user-btns li.profile span{background-position:-123px -184px;}
.user-btns li.orders a:hover span{background-position:-5px -243px;}
.user-btns li.profile a:hover span{background-position:-123px -243px;}
.connect li.chat span{background-position:-316px -5px;}
.connect li.contact span{background-position:-377px -5px;}
.connect li.phone span{background-position:-443px -5px;}
.connect li.phone span.type{background:none;}
.connect li.chat a:hover span{background-position:-316px -23px;}
.connect li.contact a:hover span{background-position:-377px -23px;}
.submit-project span{background-position:-240px -184px;}
.submit-project a:hover span{background-position:-240px -243px;}
.b-box .submit-project span{background:url(../images/btn-submit-s.gif) no-repeat;}
.b-box .submit-project a:hover span{background-position:0 -59px;}
.socials li.twitter span{background-position:-121px 0;}
.socials li.facebook span{background-position:-180px 0;}
#main{
	width:100%;
	padding:30px 0 0;
}
#main:after{
	content:"";
	display:block;
	clear:both;
}
.b-box{
	width:706px;
	margin:18px -24px 14px -14px;
	background:#f9f8f3 url(../images/bg-b-box.jpg?) repeat-y -706px 0;
}
.b-box .holder{background:url(../images/bg-b-box.jpg?) no-repeat;}
.b-box .frame{
	padding:16px 25px 9px 24px;
	background:url(../images/bg-b-box.jpg?) no-repeat -1412px 100%;
}
#content{
	width:668px;
	float:left;
	padding:0 24px 26px 14px;
}
#content h1, #content h2, #content strong.heading, #content .slide-block .headline h3{
	font-size:1.563em;
	margin:0 0 9px;
	font-weight:normal;
	color:#404040;
	line-height:1.12em;
}
#content strong.heading{display:block;}
#content p{margin:0 0 9px;}
#content ul{
	margin:0 0 0 5px;
	padding:0;
	list-style:none;
}
#content ul li{
	background:url(../images/bg-bullet.gif) no-repeat 0 9px;
	padding:0 0 0 15px;
	margin:0 0 9px;
}
#content ul.descr-list ul{margin:9px 0 0;}
#content ul.descr-list ul li{
	background: url(../images/bg-bullet.gif) no-repeat 2px 10px;
	padding:0 0 0 17px;
	margin:0 0 9px;
}
#content ul.descr-list{margin:0 0 25px;}
#content ul.descr-list li{
	background:none;
	padding-left:0;
}
#content ol{
	padding:0 0 0 40px;
	margin:0 0 9px;
}
#content ol ul.descr-list{margin:9px 0 0;}
#content ol ul.descr-list li{
	padding:0 0 0 8px;
	margin:0;
}
.our-clients{
	margin:17px 0 14px -5px;
	font-family:Arial, Helvetica, sans-serif;
	white-space:nowrap;
}
.our-clients img{
	vertical-align:middle;
	margin:0 28px 0 5px;
}
.blog-holder{margin:0 0 -16px;}
div.blog{margin:0 0 30px;}
.entry-title{
	margin:0 0 9px;
	color:#404040;
	width:100%;
	position:relative;
}
.rss{
	position:absolute;
	top:4px;
	right:-24px;
	width:25px;
	height:24px;
	overflow:hidden;
	background:#e16c21;
}
.rss span{background-position:-870px -95px;}
.entry-title .date{
	font-size:1.563em;
	font-style:normal;
	background:url(../images/bg-separate1.gif) no-repeat 100% 50%;
	margin:0 8px 0 0;
	padding:0 16px 0 0;
}
#content .entry-title h2, #content .entry-title h1{
	display:inline;
	margin:0;
	line-height:1.12em;
}
.entry-title a{color:#404040;}
div.posted, .tags, .meta{
	background:url(../images/bg-dot.gif) repeat-x 0 100%;
	width:100%;
	padding:0 24px 18px 0;
	margin:0 -24px 0 0;
}
.entry-content{padding:14px 0 0;}
#content .entry-content ul ul{
	margin:0;
	padding:0;
	list-style:none;
}
#content .entry-content ul ul li{margin:0;}
.meta{
	overflow:hidden;
	padding-top:14px;
}
.meta a{margin:0 16px 0 0;}
.meta .permalink{
	float:right;
	background:url(../images/bg-permalink.gif) no-repeat 100% 50%;
	padding:0 14px 0 0;
	margin:0 -23px 0 0;
}
.meta .more{
	background:url(../images/bg-arrow.gif) no-repeat 100% 50%;
	padding:0 15px 0 0;
}
.comments{
	border:solid #eaeae9;
	border-width:1px 0;
	width:703px;
	margin:18px -24px 30px -11px;
	overflow:hidden;
}
.comments .item{
	padding:16px 23px 11px;
	background:url(../images/bg-dash.gif) repeat-x;
	margin:-2px 0;
	overflow:auto;
}
.comments .client{padding-left:11px;}
.comments .alt{background-color:#faf9f1;}
.comments .headline .date{
	font-style:normal;
/*	background:url(../images/bg-separate2.gif) no-repeat 100% 50%;*/
	padding:0 9px 0 0;
	margin:0 1px 0 0;
}
.comments .headline strong{
	display:block;
	color:#729248;
}
.comments .headline strong a{color:#729248;}
.comments .alt .headline strong, .comments .alt .headline strong a{color:#c24462;}
.row{
	width:100%;
	overflow:hidden;
	margin:0 0 15px;
}
.main-form .col-1{
	width:315px;
	float:left;
}
.main-form .col-1 .text, .main-form .col-1 .password{width:305px;}
.main-form .col-2{
	width:318px;
	float:right;
}
.main-form .col-2 .text{width:308px;}
.main-form .col-2 input.link, .main-form .col-1 input.upload-text{width:235px;}
.main-form .headline{
	text-align:right;
	line-height:1.188em;
}
.main-form .headline strong{
	color:#a4a4a4;
	font-weight:normal;
}
.row label{
	float:left;
	margin:0 0 6px;
}
input.text, input.password, .textarea{
	float:left;
	clear:left;
	border:1px solid #b1b1b1;
	margin:0;
	padding:0 4px 1px;
}
select{
	float:left;
	clear:left;
	width:100%;
	margin:0;
}
.textarea{
	background:#fff;
	padding:0 0 0 4px
}
.textarea textarea{
	width:651px;
	overflow:auto;
	padding:0;
	margin:0;
	height:136px;
	max-width:651px;
	border-style:none;
	background:#fff;
	float:left;
}
input.checkbox, input.radio{
	width:16px;
	height:15px;
	float:left;
	margin:0;
	padding:0;
}
input.checkbox{margin:3px 4px 0 0;}
input.file{
	font-size:11px;
	width:300px;
	float:left;
}
input.required-browse, input.file-browse{
	border-style:none;
	text-indent:-9999px;
	background:#fff url(../images/bg-sprite.gif?1) no-repeat -530px -5px;
	float:right;
	width:65px;
	height:23px;
	cursor:pointer;
}
input.submit-ticket, input.submit-comment, input.post-message, input.login, input.forgot-pass, input.save-profile{
	float:right;
	width:81px;
	height:54px;
	margin:8px 0 0;
	text-align:center;
	font-size:0.875em;
	background:#fff;
}
input.submit-comment{width:90px;}
input.save-profile{width:104px;}
input.post-message{
	width:124px;
	height:43px;
	color:#c24462;
}
input.login{
	width:94px;
	float:left;
}
input.forgot-pass{width:156px;}
.upload-holder{
	width:100%;
	overflow:hidden;
	position:relative;
	clear:left;
}
.upload-box{
	position:absolute;
	width:239px;
	top:3px;
	left:3px;
	text-align:center;
	height:1.063em;
	background:#fff;
}
.message-form .upload-box{width:255px;}
.overall-progress{
	background:#cb6178;
	height:1.063em;
	position:absolute;
	width:100%;
	top:0;
	left:0;
}
.progress-text{
	position:absolute;
	left:50%;
	line-height:1.063em;
	display:none;
}
.s-comments{
	padding:24px 0 0;
	float:left;
}
.optional{margin:20px 0 11px;}
.optional label{margin:0;}
.row .date{
	width:148px;
	float:left;
}
.row .date .inner, .row .code .inner{
	clear:left;
	width:100%;
	overflow:hidden;
}
.row .date input.month{
	width:51px;
	clear:none;
}
.row .date input.year{
	width:67px;
	float:right;
	clear:none;
}
.row .code{
	width:147px;
	float:right;
}
.row .code .inner{
	border:1px solid #b1b1b1;
	padding:0 2px 1px 4px;
	width:139px;
	background:#fff;
}
.row .code input.text{
	width:119px;
	padding:0;
	border-style:none;
}
.row .code .info{
	float:right;
	width:19px;
	height:19px;
	overflow:hidden;
	background:#f5f5f0;
	text-align:center;
	position:relative;
	margin:1px 0 0;
}
.row .code .info span{
	background-position:-600px -32px;
	cursor:pointer;
}
.client-area{
	width:703px;
	margin:0 -24px -16px -11px;
}
#content .client-area h2{margin:-5px 0 0;}
.client-area table{
	width:100%;
	border-collapse:collapse;
	margin:0 0 30px;
	table-layout:fixed;
}
.client-area td, .client-area th{
	padding:9px 10px 10px 11px;
	border-bottom:1px solid #eaeae9;
	text-align:left;
}
.client-area th{
	padding-top:5px;
	padding-bottom:13px;
	line-height:1.313em;
}
.client-area .alt td{background:#faf9f1;}
.client-area .status{width:132px;}
.client-area .posted{width:162px;}
.client-area .last{width:144px;}
#content .paging{
	height:1%;
	overflow:hidden;
	margin:33px 2px 9px;
}
#content .client-area .paging{
	margin-top:-12px;
	margin-bottom:25px;
}
#content .paging li{
	float:left;
	padding:0 0 0 8px;
	margin:0;
	background:none;
}
#content .paging li.active a{color:#757575;}
div.testimonials{
	width:692px;
	overflow:hidden;
	margin:-15px -24px -9px 0;
}
div.testimonials blockquote{
	background: url(../images/bg-dot.gif) repeat-x 0 100%;
	margin-bottom:-1px;
	padding:15px 24px 19px 0;
}
div.examples{
	width:692px;
	margin:-15px -24px -10px -14px;
	position:relative;
	overflow:hidden;
	padding:0 0 0 14px;
}
.examples .item{
	width:100%;
	margin:0 0 -1px;
	background:url(../images/bg-dot.gif) repeat-x 0 100%;
	padding:21px 0;
}
.examples .item:after{
	content:"";
	display:block;
	clear:both;
}
.examples .info{
	width:487px;
	float:right;
}
#content .examples h2{
	margin:0 0 11px;
	color:#404040;
	font-size:1em;
	font-weight:bold;
	line-height:1.186em;
}
.gallery{
	overflow:hidden;
	width:165px;
	padding:9px 20px;
	position:relative;
	background:url(../images/bg-sprite.gif?1) no-repeat -470px -184px;
	float:left;
	margin:0 0 0 -14px;
	display:inline;
}
.gallery .link-prev, .gallery .link-next{
	display:block;
	width:10px;
	height:22px;
	position:absolute;
	left:0;
	top:59px;
	overflow:hidden;
	background:url(../images/bg-sprite.gif?1) no-repeat -600px -5px;
	outline:none;
}
.gallery .link-next{
	left:auto;
	right:0;
	background-position:-615px -5px;
}
.gallery .hidden{display:none;}
.gallery .link-prev span, .gallery .link-next span{
	cursor:pointer;
	background-position:-600px -5px;
}
.gallery .link-next span{background-position:-615px -5px;}
.gallery div{
	width:165px;
	overflow:hidden;
	position:relative;
}
#content .gallery div ul{
	position:relative;
	width:9999px;
	margin:0;
}
#content .gallery li{
	float:left;
	width:165px;
	height:122px;
	margin:0;
	padding:0;
	background:none;
}
.gallery img{display:block;}
div.faq, div.about{
	overflow:hidden;
	width:100%;
	margin:-45px 0 -9px;
}
#content .faq h1, #content .faq h2, #content .about h1, #content .about h2{margin-top:45px;}
.faq dl, .about dl{margin:0 0 -15px;}
.faq dt, .about dt{
	font-weight:bold;
	margin:0 0 9px;
	color:#404040;
}
.faq dd, .about dd{
	margin:0 0 14px;
	background: url(../images/bg-dot.gif) repeat-x 0 100%;
	padding:0 0 19px;
}
#content .faq ul, #content .about ul{margin-bottom:-9px;}
.section{
	background:url(../images/bg-dot.gif) repeat-x 0 100%;
	width:692px;
	margin:0 -24px 30px 0;
	padding:0 0 1px;
}
.order-number{
	width:100%;
	overflow:hidden;
	font-size:1.125em;
	color:#c23140;
	line-height:1.389em;
	padding:3px 0 8px;
}
.order-number .title{
	float:left;
	width:149px;
	height:15px;
	position:relative;
	overflow:hidden;
	line-height:15px;
	margin:5px 6px 0 0;
	font-size:0.944em;
	color:#303030;
}
* html .order-number .title{margin-right:3px;}
.order-number .title em{
	height:15px;
	font-style:normal;
}
.order-number .title strong{font-weight:normal;}
.order-number .title span{background-position:-630px -5px;}
.section .text{
	padding:0 260px 9px 0;
	overflow:hidden;
	background:url(../images/bg-section.jpg) no-repeat 100% 100%;
	min-height:350px;
}
* html .section .text{
	overflow:visible;
	height:350px;
}
#content .section ul.descr-list{margin:0 0 9px;}
.section strong.title{
	margin:0 0 9px;
	color:#404040;
	display:block;	
}
.columns{
	width:730px;
	margin:0 -64px 0 0;
	overflow:hidden;
}
.col{
	width:325px;
	float:left;
	padding:0 40px 0 0;
}
#content .col ul{margin:0;}
.message-form{padding-top:10px;}
.message-form .col-1{
	width:331px;
	float:left;
	margin:2px 0 0;
}
.message-form .col-1 .text{width:251px;}
.order-page .comments{margin-top:40px;}
.order-summary{
	margin:30px 0 0;
	color:#404040;
}
.order-summary h2{display:inline;}
.order-summary .date{
	white-space:nowrap;
/*	background:url(../images/bg-separate1.gif) no-repeat 0 50%;*/
	font-style:normal;
	font-size:1.563em;
	margin:0 0 0 8px;
/*	padding:0 0 0 16px;*/
}
* html .order-summary .date{margin-left:13px;}
*+html .order-summary .date{margin-left:13px;}
.order-options{
	width:100%;
	overflow:hidden;
}
.order-options dl{
	margin:2px 0 -9px;
	width:100%;
	overflow:hidden;
	border-bottom:1px solid #e8e5e2;
	padding:0 0 18px;
}
.order-options dt{
	float:left;
	min-width:106px;
	clear:left;
	padding:0 3px 0 0;
	white-space:nowrap;
}
* html .order-options dt{width:103px;}
.order-options .markup-options dt, .order-options .scripting-options dt, .order-options .implementation-options dt{min-width:300px;}
* html .order-options .markup-options dt, * html .order-options .scripting-options dt, * html .order-options .implementation-options dt{width:297px;}
.order-options .title, .cards .name{
	height:15px;
	position:relative;
	overflow:hidden;
	line-height:14px;
	font-size:0.875em;
	color:#303030;
	margin:31px 0 4px;
}
.order-options .title em, .cards .name em{font-style:normal;}
.markup-options .title{width:111px;}
.scripting-options .title{width:145px;}
.implementation-options .title{width:190px;}
.markup-options .title span{background: url(../images/bg-sprite.gif?1) no-repeat -697px -184px;}
.scripting-options .title span{background: url(../images/bg-sprite.gif?1) no-repeat -697px -264px;}
.implementation-options .title span{background: url(../images/bg-sprite.gif?1) no-repeat -697px -224px;}
.order-options dd{
	height:1%;
	overflow:hidden;
	margin:0;
	font-weight:bold;
}
.order-options dd a{font-weight:normal;}
#content .tabset{
	margin:18px -47px 0 -14px;
	overflow:hidden;
	width:729px;
	font-size:0.875em;
	line-height:1.14em;
}
#content .tabset li{
	float:left;
	width:220px;
	padding:0;
	margin:0 23px 0 0;
	height:54px;
	position:relative;
	overflow:hidden;
	background:#f9f8f0;
}
.tabset li a{color:#303030;}
.tabset li a.active{color:#c24462;}
.tabset li strong{
	display:block;
	text-indent:0;
	padding:10px 0 0 10px;
}
.tabset li span{cursor:pointer;}
a.inactive span, a.inactive, .row .code .inactive .info span, .row .code .inactive .info a{cursor:default;}
.tabset li.details span{background:url(../images/bg-sprite.gif?1) no-repeat -5px -331px;}
.tabset li.details a.active span, .tabset li.details a.active:hover span{background-position:-5px -390px;}
.tabset li.details a:hover span{background-position:-5px -625px;}
.tabset li.options span{background:url(../images/bg-sprite.gif?1) no-repeat -230px -331px;}
.tabset li.options a.active span, .tabset li.options a.active:hover span{background-position:-230px -390px;}
.tabset li.options a.inactive span, .tabset li.options a.inactive:hover span{background-position:-230px -449px;}
.tabset li.options a:hover span{background-position:-230px -625px;}
.tabset li.payment span{background:url(../images/bg-sprite.gif?1) no-repeat -455px -331px;}
.tabset li.payment a.active span, .tabset li.payment a.active:hover span{background-position:-455px -390px;}
.tabset li.payment a:hover span{background-position:-455px -625px;}
.order-form{
	width:706px;
	margin:0 -24px 0 -14px;
	position:relative;
}
.order-form .b-box{
	margin-left:0;
	margin-right:0;
	width:100%;
}
.tab-holder{
	padding:14px 0 0;
	margin:0 0 -9px;
}
.step-info{padding:0 24px 0 14px;}
.tab-holder .b-box{margin-bottom:23px;}
.slide-block .b-box{background:url(../images/bg-slide-b-box.gif) repeat-y -706px 0;}
.slide-block .b-box .frame{background:url(../images/bg-slide-b-box.gif) no-repeat 0 100%;}
.active .b-box{background:#f9f8f3 url(../images/bg-b-box.jpg) repeat-y -706px 0;}
.active .b-box .holder {background:url(../images/bg-b-box.jpg) no-repeat;}
.active .b-box .frame {
	overflow: hidden;
	width: 657px;
	background:url(../images/bg-b-box.jpg) no-repeat -1412px 100%;
}
.slide-block .title{margin:-16px -25px 0 -24px;}
.slide-block .frame{padding-bottom:1px;}
#content .slide-block .open-close{
	height:43px;
	background:url(../images/bg-sprite.gif?1) no-repeat -5px -508px;
	font-size:1.125em;
	text-align:right;
	cursor:pointer;
	color:#c24462;
	padding:0 22px 0 7px;
	line-height:43px;
}
#content .slide-block .heading{
	float:left;
	height:15px;
	position:relative;
	overflow:hidden;
	margin:14px 0 0;
	font-size:0.778em;
	line-height:1em;
}
.slide-block .heading em{font-style:normal;}
.slide-block .heading strong{color:#303030;}
.active .heading strong{color:#c24462;}
.slide-block .heading span{cursor:pointer;}
.slide-block .markup{width:135px;}
.slide-block .markup span{background:url(../images/bg-sprite.gif?1) no-repeat -680px -184px;}
.active .markup span{background: url(../images/bg-sprite.gif?1) no-repeat -680px -204px;}
.slide-block .scripting{width:162px;}
.slide-block .scripting span{background:url(../images/bg-sprite.gif?1) no-repeat -680px -264px;}
.active .scripting span{background: url(../images/bg-sprite.gif?1) no-repeat -680px -284px;}
.slide-block .implementation{width:207px;}
.slide-block .implementation span{background:url(../images/bg-sprite.gif?1) no-repeat -680px -224px;}
.active .implementation span{background: url(../images/bg-sprite.gif?1) no-repeat -680px -244px;}
.slide-block .block {
	display:none;
}
.active .block  {
	display:block;
}
.slide-block .cost{font-weight:normal;}
.slide-block .info{padding:14px 0 9px;}
.slide-block .inner{
	border-top:1px solid #eae8e4;
	padding:2px 0 18px;
}
.slide-block .category{
	padding:15px 0 0;
	width:100%;
}
.slide-block .category h3, .slide-block .category h4{
	margin:0;
	text-transform:uppercase;
	font-size:1em;
}
#content .category p{margin:0 0 5px;}
#content .slide-block .headline{margin:15px 0 -12px;}
a.return{
	background:url(../images/bg-arrow2.gif) no-repeat 100% 50%;
	padding:0 12px 0 0;
}
div.switch{
	width:100%;
	overflow:hidden;
	background:url(../images/bg-dot2.gif) repeat-x 0 100%;
	text-align:right;
	color:#c24462;
}
#content .switch ul{
	margin:0 0 0 -10px;
	float:left;
	background:#fff;
}
#content .switch ul li{
	margin:0 4px 0 10px;
	float:left;
	padding:0;
	background:none;
	display:inline;
}
#content .switch ul a, ul.switch li a{
	padding:0 0 0 20px;
	color:#404040;
	background:url(../images/bg-switch.gif) no-repeat 0 50%;
	outline:none;
}
#content .switch ul a:hover, ul.switch a:hover{
	text-decoration:none;
	color:#404040;
}
#content .switch ul a.active, ul.switch a.active{
	font-weight:bold;
	background:url(../images/bg-switch-on.gif) no-repeat 0 50%;
}
#content ul.switch li p a{
	padding:0;
	background:none;
	font-weight:normal;
	color:#d3515f;
}
div.switch span, ul.switch li span{
	padding:0 0 0 4px;
	background:#fff;
}
#content .active .switch ul, .active div.switch span, #content .active ul.switch strong, #content .active ul.switch span, #content .active ul.switch .item{background:url(../images/bg-pattern.gif);}
#content ul.switch{
	margin:5px 0 0;
	text-align:right;
}
#content ul.switch li{
	margin:0;
	padding:0;
	background:none;
}
ul.switch .choose{
	background:url(../images/bg-dot2.gif) repeat-x 0 100%;
	width:100%;
	overflow:hidden;
}
ul.switch li strong{
	float:left;
	background:#fff;
	font-weight:normal;
}
ul.switch span.active{color:#c24462;}
#content ul.switch ul{
	float:none;
	margin:4px 0 0 20px;
}
#content ul.switch ul li{
	float:none;
	display:block;
}
ul.switch .item{
	float:left;
	background:#fff;
}
ul.switch .item input{margin:4px 3px 0 0;}
ul.switch .item label{
	float:left;
	line-height:1.375em;
}
ul.switch ul label.active{font-weight:bold;}
ul.switch .info{
	text-align:left;
	font-size:0.813em;
	line-height:1.077em;
	padding:0 26px;
	color:#858585;
}
#content ul.switch .info p{margin:0 0 3px;}
.total-info .frame{
	padding:12px 22px;
	font-size:1.563em;
	line-height:1.2em;
	color:#404040;
	width:662px;
	overflow:hidden;
}
.total-info .frame strong {font-weight:normal;}
.total-info .frame span{float:right;}
.total-info .frame span strong{color:#c24462;}
.buttons-container{
	width:100%;
	position:relative;
}
.source-upload-container{
	border:1px solid #b1b1b1;
	width:207px;
	position:absolute;
	top:15px;
	left:154px;
	height:1.313em;
}
.source-upload-container .upload-box{
	top:2px;
	left:2px;
	height:1.063em;
	width:203px;
}
#content .btns{
	margin:0 0 18px 0;
	width:100%;
	position:relative;
	overflow:hidden;
	font-size:0.875em;
	line-height:1.14em;
}
#content .btns li{
	margin:0;
	padding:0;
	background:#f9f8f0;
	float:left;
	height:54px;
	position:relative;
	overflow:hidden;
}
#content .btns li.right{float:right;}
.btns a{color:#303030;}
.btns .proceed-payment a, .btns .take-payment a{color:#fff;}
.btns strong{
	display:block;
	text-indent:0;
	padding:10px 0 0 10px;
}
.btns span{cursor:pointer;}
.btns li.back{width:118px;}
.btns li.back-two{width:141px;}
.btns li.back span{background:url(../images/btns-order.gif) no-repeat -5px -5px;}
.btns li.back a:hover span{background-position:-5px -123px;}
.btns li.back-two span{background:url(../images/btns-order.gif) no-repeat -797px -5px;}
.btns li.back-two a.inactive span, .btns li.back-two a.inactive:hover span{background-position:-797px -64px;}
.btns li.back-two a:hover span{background-position:-797px -123px;}
#content .btns li.proceed-payment{
	width:194px;
	background:#c24462;
}
.btns li.proceed-payment span{background:url(../images/btns-order.gif) no-repeat -128px -5px;}
.btns li.proceed-payment a:hover span{background-position:-128px -123px;}
#content .btns li.take-payment{
	width:189px;
	background:#c24462;
}
.btns li.take-payment span{background:url(../images/btns-order.gif) no-repeat -603px -5px;}
.btns li.take-payment a:hover span{background-position:-603px -123px;}
.btns li.proceed-options{width:271px;}
.btns li.proceed-options span{background:url(../images/btns-order.gif) no-repeat -327px -5px;}
.btns li.proceed-options a.inactive span, .btns li.proceed-options a.inactive:hover span{background-position:-327px -64px;}
.btns li.proceed-options a:hover span{background-position:-327px -123px;}
#content .btns li.deposit{
	margin:0 14px 0 0;
	display:inline;
	position:relative;
}
#content .btns li.paynow{
	position:relative;
	background:#c24462;
}
.btns li.paynow input{color:#fff;}
.btns li.deposit strong, .btns li.paynow strong{
	position:absolute;
	top:3px;
	right:14px;
	width:auto;
	background:none;
	font-size:1.143em;
	color:#c24462;
	cursor:pointer;
}
.btns li.paynow strong{color:#fff;}
.payment-info{margin:0 0 -4px;}
.payment-info p{line-height:1.25em;}
#content .payment-info .type{
	margin:-1px 0 12px;
	width:100%;
}
#content .payment-info .type:after{
	content:"";
	display:block;
	clear:both;
}
#content .payment-info .type li{
	padding:0 13px 0 0;
	margin:0;
	background:none;
	float:left;
}
.payment-info .type input{margin:1px 1px 0 0;}
.payment-info .type label{
	float:left;
	height:19px;
	position:relative;
	overflow:hidden;
	margin:0 0 -2px;
}
.payment-info .type label em{font-style:normal;}
.payment-info .type label strong{
	font-weight:normal;
	font-size:0.75em;
	line-height:1.583em;
}
.payment-info .type label.visa{width:29px;}
.payment-info .type label.master{
	width:32px;
	margin:-1px 0 0;
}
.payment-info .type label.amex{width:33px;}
.payment-info .type label.paypal{width:45px;}
.payment-info .type label.discover{width:47px;}
.payment-info .type label span{
	cursor:pointer;
	background:url(../images/bg-cards.gif?) no-repeat -5px -5px;
}
.payment-info .type label.master span{background-position:-39px -5px;}
.payment-info .type label.amex span{background-position:-76px -5px;}
.payment-info .type label.paypal span{background-position:-114px -5px;}
.payment-info .type label.discover span{background-position:-164px -5px;}
.payment-info .type .active label.visa span{background-position:-5px -29px;}
.payment-info .type .active label.master span{background-position:-39px -29px;}
.payment-info .type .active label.amex span{background-position:-76px -29px;}
.payment-info .type .active label.paypal span{background-position:-114px -29px;}
.payment-info .type .active label.discover span{background-position:-164px -29px;}
.main-detail{
	width:100%;
	padding:0 0 14px;
	position:relative;
	z-index:2;
}
.main-detail:after{
	content:"";
	display:block;
	clear:both;
}
.main-detail .slider{
	width:540px;
	float:left;
	height:23px;
	background:url(../images/bg-sprite.gif?1) no-repeat -5px -556px;
	position:relative;
}
.main-detail .timeline{background-position:-5px -584px;}
.main-detail .minus, .main-detail .plus{
	width:31px;
	height:23px;
	overflow:hidden;
	position:relative;
	float:left;
}
.main-detail .plus{float:right;}
.main-detail .minus a, .main-detail .plus a{
	background:#c24462;
	color:#fff;
	text-align:center;
}
.main-detail .bullet-container {
	margin-left:9px;
	display:inline;
	float:left;
	width:448px;
	height:23px;
	position:relative;
}
.main-detail .plus span, .main-detail .minus span{cursor:pointer;}
.main-detail .plus span{background-position:-666px -25px;}
.main-detail .minus span{background-position:-630px -25px;}
.main-detail .slider .mark{
	display:block;
	width:19px;
	height:19px;
	position:absolute;
	top:2px;
	left:40px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	background:#db7c90 url(../images/bg-sprite.gif?1) no-repeat -702px -25px;
}
.main-detail .pages{
	float:right;
	font-size:1.563em;
	margin:-2px 0 -5px;
	position:relative;
	width:103px;
}
.main-detail .pages label{
	float:right;
	margin:-2px 0 0 3px;
}
.main-detail .pages .text{
	float:left;
	border:1px solid #cacac7;
	background:url(../images/bg-pages.gif) repeat-x;
	overflow:hidden;
}
.main-detail .pages .text input{
	float:left;
	border-style:none;
	width:1.4em;
	background:none;
	padding:0;
	margin:-3px 0 -1px -1px;
	text-align:center;
	font-size:1em;
	line-height:1.28em;
}
.main-detail .date{
	float:right;
	font-size:1.563em;
	width:103px;
	margin:1px 0 0;
	position:relative;
}
.main-detail .date span{float:left;}
.main-detail .calendar, .date-popup .heading a{
	float:right;
	width:20px;
	height:21px;
	background:#949391 url(../images/bg-sprite.gif?1) no-repeat -726px -25px;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
}
.date-popup{
	width:291px;
	position:absolute;
	right:-31px;
	z-index:999;
	top:-25px;
}
* html .date-popup{right:-32px;}
.date-popup .t{
	height:25px;
	background:url(../images/bg-date-popup-t.png?) no-repeat;
	overflow:hidden;
}
.date-popup .b{
	height:25px;
	background:url(../images/bg-date-popup-b.png?) no-repeat;
	overflow:hidden;
}
.date-popup .c{
	background:url(../images/bg-date-popup-c.png?) repeat-y;
	width:229px;
	padding:0 31px;
}
.date-popup .c:after{
	content:"";
	display:block;
	clear:both;
}
.date-popup .inner{
	float:left;
	width:100%;
	margin:-4px 0 6px;
	position:relative;
}
.date-popup .heading{
	overflow:hidden;
	padding:0 0 18px 14px;
	width:215px;
}
.date-popup .heading strong{
	color:#404040;
	display:block;
	font-weight:normal;
	line-height:1.12em;
}
.date-popup .heading a{
	width:21px;
	height:22px;
	background-position:-870px -68px;
	margin:3px 0 0;
	position:relative;
}
.date-popup .b-box{
	margin:0;
	width:100%;
	background:url(../images/bg-date-b-box.jpg?) repeat-y -229px 0;
}
.date-popup .b-box .holder{background:url(../images/bg-date-b-box.jpg?) no-repeat;}
.date-popup .b-box .frame{
	background:url(../images/bg-date-b-box.jpg?) no-repeat -458px 100%;
	padding:9px 15px 10px;
	width:199px;
}
#content .date-popup ul{
	font-size:0.64em;
	overflow:hidden;
	width:100%;
	margin:0;
}
#content .date-popup ul li{
	padding:6px 0 10px 8px;
	margin:0 0 -1px;
	background:url(../images/bg-dot.gif) repeat-x 0 100%;
}
#content .types-list{
	margin:-2px -25px 0 0;
	padding:0 0 8px;
	width:682px;
}
.types-list:after{
	content:"";
	display:block;
	clear:both;
}
#content .types-list li{
	padding:0 24px 0 0;
	margin:0;
	background:none;
	float:left;
}
.types-list input{margin:1px 3px 0 0;}
.types-list label{
	float:left;
	margin:-9px 0 0;
	position:relative;
	height:29px;
	overflow:hidden;
}
.types-list label span{
	cursor:pointer;
	background:url(../images/bg-deliver.gif) no-repeat;
}
.types-list label.xhtml{
	width:70px;
	margin-right:2px;
}
.types-list label.wp{width:110px;}
.types-list label.drupal{width:74px;}
.types-list label.joomla{width:94px;}
.types-list label.html-email{width:117px;}
.types-list label em{font-style:normal;}
.types-list label strong{
	font-weight:normal;
	padding:6px 0 0;
}
.types-list label.wp span{background-position:-75px 0;}
.types-list label.drupal span{background-position:-190px 0;}
.types-list label.joomla span{background-position:-269px 0;}
.types-list label.html-email span{background-position:-368px 0;}
.profile-container{margin:0 0 -16px;}
.profile-form{
	width:706px;
	margin:0 -24px 0 -14px;
}
#content .profile-form h2{margin-left:14px;}
.profile-form .b-box{
	margin:18px 0 30px;
	width:100%;
}
#sidebar{
	width:225px;
	float:right;
	margin:-84px 0 -1px;
	position:relative;
}
#sidebar h2{
	margin:0 0 8px;
	color:#404040;
	font-size:1.563em;
	font-weight:normal;
	line-height:1.2em;
	text-align:center;
}
.summary-holder{
	width:100%;
	position:relative;
}
#sidebar .b-box{
	width:100%;
	margin:0;
	background:url(../images/bg-sidebar-b-box.jpg) repeat-y -225px 0;
}
#sidebar .summary-holder .b-box{
	width:225px;
	position:absolute;
	top:0;
}
* html #sidebar .summary-holder .b-box{
	position:absolute;
}
#sidebar .b-box .holder{background:url(../images/bg-sidebar-b-box.jpg) no-repeat;}
#sidebar .b-box .frame{
	padding:0;
	background:url(../images/bg-sidebar-b-box.jpg) no-repeat -450px 100%;
}
#sidebar .container{
	padding:13px 15px 18px;
	height:1%;
}
.theme{
	width:147px;
	overflow:hidden;
	margin:-17px auto 0;
	text-align:center;
}
.theme ul{
	margin:0 0 -1px;
	padding:0;
	list-style:none;
	border-bottom:1px solid #e8e7e3;
	width:100%;
	overflow:hidden;
}
.theme ul li{
	float:left;
	width:57px;
	text-align:center;
	margin:23px 0 17px;
}
.theme ul li.drupal, .theme ul li.other{
	width:51px;
	float:right;
}
.theme a{
	color:#585858;
	padding:59px 0 0;
	display:block;
	width:100%;
	outline:none;
}
.theme .joomla a, .theme .other a{padding:46px 0 0;}
.theme .wp a{background: url(../images/logo-wp.gif) no-repeat;}
.theme .drupal a{background: url(../images/logo-drupal.gif) no-repeat;}
.theme .joomla a{background: url(../images/logo-joomla.gif) no-repeat;}
.theme .other a{background: url(../images/other.gif) no-repeat;}
.order-info{
	width:176px;
	margin:0 auto;
}
.order-info ul{
	margin:0 0 17px;
	padding:0 0 18px;
	list-style:none;
	border-bottom:1px solid #e8e7e3;
}
.order-info ul strong{white-space:nowrap;}
.order-info ul strong span {font-weight:normal;}
.order-info dl{
	margin:0 0 17px;
	text-align:right;
	border-bottom:1px solid #e8e7e3;
	width:100%;
	overflow:hidden;
	padding:0 0 18px;
}
.order-info dt{
	float:left;
	text-align:left;
}
.order-info dt.alt{color:#c24462;}
.order-info dd{
	margin:0;
	color:#c24462;
}
.order-info .total{
	text-align:right;
	font-size:1.563em;
	line-height:1.2em;
}
.order-info .total strong{
	font-weight:normal;
	color:#c24462;
}
#footer{
	overflow:hidden;
	font-size:0.75em;
	display:table-footer-group;
	width:100%;
}
#footer .frame{display:table-cell;}
#footer .inner{
	width:688px;
	border-top:1px solid #eaeae9;
	padding:14px 9px;
	background:#fff;
}
#footer .inner div{float:right;}
#footer ul{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#footer ul li{
	display:inline;
	margin:0 6px 0 0;
}
#footer .inner div li{margin:0 0 0 6px;}
#footer p{margin:7px 0 0;}
#footer .holder{
	height:1%;
	display:table-row;
}
.popup{
	width:425px;
	position:absolute;
	top:0;
	left:0;
	z-index:999;
}
.popup .t, .popup .b{
	height:25px;
	overflow:hidden;
}
.popup .t{background:url(../images/bg-popup-t.png) no-repeat;}
.popup .b{background:url(../images/bg-popup-b.png) no-repeat;}
.popup .c{
	background:url(../images/bg-popup-c.png) repeat-y;
	padding:0 31px 7px;
	width:363px;
}
.popup .c:after{
	content:"";
	display:block;
	clear:both;
}
.popup .b-box{
	width:100%;
	margin:0;
	background:url(../images/bg-popup-b-box.jpg?) repeat-y -363px 0;
}
.popup .b-box .holder{background:url(../images/bg-popup-b-box.jpg?) no-repeat;}
.popup .b-box .frame{
	background:url(../images/bg-popup-b-box.jpg?) no-repeat -726px 100%;
	padding:16px 24px 9px;
}
.popup .inner, .popup-cards .inner{
	float:left;
	width:100%;
	margin:-4px 0 0;
}
.popup .close, .popup-cards .close{
	position:absolute;
	top:14px;
	right:14px;
	font-size:0.75em;
	line-height:1em;
	outline:none;
}
.popup .close img, .popup-cards .close img{vertical-align:top;}
.popup .title, .popup-cards .title{
	font-size:1.563em;
	margin:0 14px 18px;
	font-weight:normal;
	color:#404040;
	line-height:1.12em;
	display:block;
}
.popup input.text, .popup input.password{width:305px;}
#fade{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	z-index:998;
}
.popup ul.errors{
	padding:0 0 7px 0;
	margin:0;
	list-style:none;
}
span.error{
	color:#c24462;
	font-size:0.813em;
	line-height:1.23em;
}
.popup span.error {float:right;}
.slide-box{position:absolute;}
.slide-box span{
	display:block;
	float:left;
}
.slide-mask{
	position:relative;
	width:240px;
	height:125px;
	overflow:hidden;
}
input.inactive, .row .code div.inactive, .row .code div.inactive input{
	background-color:#f7f4f0;
	border-color:#dcdcdc;
	color:#8d8d8d;
}
label.inactive{color:#8d8d8d;}
label.inactive span{display:none;}
select.inactive{background-color:#f7f4f0;}
.popup-cards{
	width:587px;
	position:absolute;
	top:0;
	left:0;
	z-index:999;
	overflow:hidden;
}
.popup-cards .t, .popup-cards .b{
	height:25px;
	overflow:hidden;
}
.popup-cards .t{background:url(../images/bg-popup-cards-t.png) no-repeat;}
.popup-cards .b{background:url(../images/bg-popup-cards-b.png) no-repeat;}
.popup-cards .c{
	background:url(../images/bg-popup-cards-c.png) repeat-y;
	width:100%;
}
.popup-cards .c:after{
	content:"";
	display:block;
	clear:both;
}
.popup-cards .title{margin:0 20px 0 45px;}
.cards{
	padding:44px 0 0 46px;
	margin:0 -41px -28px 0;
	width:582px;
	overflow:hidden;
}
.cards .col{
	width:216px;
	float:left;
	padding:0 75px 0 0;
}
.cards .item{padding:0 0 50px;}
.cards img{vertical-align:top;}
.cards .name{margin:-28px 0 13px;}
.cards .visa .name{width:31px;}
.cards .mastercard .name{width:88px;}
.cards .discover .name{width:65px;}
.cards .american-express .name{width:130px;}
.cards .name span{background:url(../images/bg-sprite.gif?1) no-repeat;}
.cards .visa .name span{background-position:-5px -311px;}
.cards .mastercard .name span{background-position:-41px -311px;}
.cards .discover .name span{background-position:-134px -311px;}
.cards .american-express .name span{background-position:-204px -311px;}
.subscribe-to-comments input{
	width: 15px;
	height: 16px;
	float: left;
	margin:4px 10px 0 0;
}
.subscribe-to-comments label{cursor: pointer;}
.attachment-link {font-size: 0.813em;}