@import url('../../../webfonts/openSans/regular.css');
@import url('../../../webfonts/openSans/bold.css');
@import url('../../../webfonts/openSans/bolditalic.css');

@font-face {
    font-family: 'openSans';
    src: url('../../../webfonts/openSans/OpenSans-Light-webfont.eot');
    src: url('../../../webfonts/openSans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../webfonts/openSans/OpenSans-Light-webfont.woff') format('woff'),
         url('../../../webfonts/openSans/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../../../webfonts/openSans/OpenSans-Light-webfont.svg#open_sans_lightregular') format('svg');
    font-weight: 100;
    font-style: normal;

}

@font-face {
    font-family: 'openSans';
    src: url('../../../webfonts/openSans/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('../../../webfonts/openSans/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../webfonts/openSans/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('../../../webfonts/openSans/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('../../../webfonts/openSans/OpenSans-ExtraBoldItalic-webfont.svg#open_sans_extrabolditalic') format('svg');
    font-weight: 900;
    font-style: italic;

}

input:focus, textarea:focus, select:focus {
	outline:none !important;
	box-shadow:none !important;
	border:none;
}


.center {
	margin-left:auto;
	margin-right:auto;
}
.clear {
	clear:both;
}
.bold {
	font-weight:bold !important;
}
.hidden {
	display:none;
}



.cart-page {
	width:960px;
	margin-bottom:25px;
}
.cart-page * {
	list-style:none;
	text-decoration:none;
}
.cart-page > * {
	color:#4b4b4b;
	font-size:16px;
	font-family: openSans, Verdana, sans-serif;
}
.cart-page h2 {
	font-size:18px;
	font-weight:normal;
	line-height:45px;
}
.hosting-type {
	width:100%;
	margin-bottom:40px;
	text-align:center;
}
.hosting-type li {
	color:#272727;
	font-size:15px;
	font-weight:bold;
	margin-right:10px;
	display:inline-block;
}
.hosting-type li a {
	color:#0c87e5;
	font-size:15px;
	font-weight: 100;
}
.hosting-type li a:hover {
	color:#0a6db8;
}
.hosting-type li:after {
	content:'|';
	color:#999999;
	font-weight:normal;
	margin-left:10px;
}
.hosting-type li:last-child:after {
	content:'';
}


/* Top */

.setup-cloud-server {
	width:100%;
	margin-bottom: 25px;
}
.setup-cloud-server h1 {
	color:#808080;
	font-size:46px;
	font-weight:100;
	text-align:center;
	text-shadow:0 1px 0 #666;
	margin-top:-250px;
}
.setup-cloud-server h1 span {
	color:#2488ef;
}
.clouds-bg {
	background:url(../img/clouds.png);
	width:891px;
	height:303px;
	margin-left:34px;
}

ul.slider-clouds {
	width:894px;
	padding-left: 0;
	padding: 0 25px;
	position: relative;
	margin: 22px auto 0;
}
ul.slider-clouds li {
	height:80px;
	text-align:center;
	margin: 0;
	float: left;
	padding: 0;
}
ul.slider-clouds li span {
	color:#92979A;
	font-size:28px;
	font-weight:900;
	font-style:italic;
	display:inline-block;
	line-height:95px;
	position:relative;
	text-shadow: 1px 1px #FFFFFF, -1px -1px #666666;
	background: url("../img/slider-cloud.png") no-repeat scroll center top transparent;
	background-image: url("../img/slider-cloud.png") no-repeat scroll 0 0 transparent;
	width: 120px;
	height: 80px;
	margin: auto;
    cursor: pointer;
}

ul.slider-clouds li.active-cloud span {
	color:#fff;
	font-size:28px;
	font-weight:900;
	font-style:italic;
	text-shadow:0 1px 1px #333;
    background-position: center bottom;
	position: relative;
}

a.dropdown-toggle {
    color: #4B4B4B;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    text-decoration: none;
    vertical-align: middle;
}
a.dropdown-toggle .caret {
    vertical-align: middle;
}
.dropdown-menu a {
    font-size: 12px;
}

.slider-clouds span:before {
    background: url("../img/slider-cloud-shadow.png") no-repeat scroll center center transparent;
    content: ".";
    display: block;
    position: absolute;
	height: 90px;
	top: -7px;
	font-size: 0;
	left: -14px;
	width: 135px;
}

.top-slider-bg {
	background:#cbc9c9;
	width:942px;
	height:11px;
	border-radius:8px;
	border-top:solid 2px #b6b6b6;
	border-bottom:solid 2px #fff;
	margin-top:20px;
}


/* Bundle */


.white-box {
	width:100%;
	margin-top:15px;
}
.white-box-header {
	height:44px;
}
.white-box-header-bg, .white-box-header-img {
	float:left;
	margin-top:1px;
}
.white-box-header-bg {
	background:#fff;
	height:43px;
	border-radius:8px 0 0 0;
	border-top:solid 1px #d9d9d9;
	padding:0 15px;
	border-left:solid 1px #d9d9d9;
}
.white-box-header-img {
	background:url(../img/header-bg.png) no-repeat 0 0;
	width:28px;
	height:44px;
}
.white-container-bg {
	background:#fff;
	width:100%;
	border-radius:0 8px 8px 8px;
	padding-bottom:8px;
	border-bottom:solid 1px #d9d9d9;
}
.white-box-header .client-list {
	background:#fbfbfb;
	padding:2px 3px 3px 3px;
	border-radius:6px;
	border:solid 1px #b8b8b8;
	float:right;
	box-shadow:0 1px 1px #ddd;
}
.white-box-header .client-list select {
	width:auto;
	height:auto;
	border:none;
	margin:0;
	padding:0;
}
.white-box-header .client-list select option {
	padding-right:10px;
}
.white-container {
	background:#fff;
	width:100%;
	border-radius:0 8px 8px 8px;
	padding-bottom:8px;
	border:solid 1px #d9d9d9;
	margin-bottom:-7px;
}



.bundles-box {
	width:100%;
	margin:25px 0 15px;
}
ul.bundles-list {
	width:930px;
	text-align:center;
	margin:28px 0 20px;
	padding:0 15px;
}
ul.bundles-list li {
	font-size:15px;
	display:inline-block;
	margin-right:29px;
	cursor:pointer;
}
ul.bundles-list li:last-child {
	margin-right:0;
}
ul.bundles-list li input {
	float:left;
	margin:2px 5px 0 0;
}
ul.bundles-list li.active-bundle {
	font-size:16px;
	font-weight:bold;
	font-style:italic;
}


/* Configuration */

.left-column {
	width:626px;
	margin-bottom: 40px;
	float: left;
}
.text-header {
	padding:15px 0;
}
.text-header p.left-text, .text-header p.right-text {
	font-size:10px;
	text-transform:uppercase;
	display:inline-block;
}
.text-header p.left-text {
	width:493px;
	margin-left:25px;
}
.text-header p.right-text {
	width:80px;
}
.option-box {
	background:#e6e6e6;
	width:577px;
	min-height:40px;
	border-radius:8px;
	border-bottom:solid 1px #c5c5c5;
	margin-bottom:15px;
	background-image: linear-gradient(top, #f1f1f1, #e6e6e6);
	background-image: -moz-linear-gradient(top, #f1f1f1, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #f1f1f1, #e6e6e6);
	background-image: -o-linear-gradient(top, #f1f1f1, #e6e6e6);
	background-image: -ms-linear-gradient(top, #f1f1f1, #e6e6e6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e6e6e6', GradientType=0); 
	zoom:1;
	clear: both;
}
.option-box p {
	color:#646464;
	font-size:15px;
	font-weight:bold;
	width:120px;
	line-height:22px;
	padding:10px 0 10px 20px;
	margin:0;
	float: left;
}
.option-box p select {
	width:100%;
	margin:0;
}
.option-box .option-slider, .option-box .ui-slider, .option-box .slides{
	background:#cbc9c9;
	width:329px;
	height:10px;
	border-radius:6px;
	vertical-align:top;
	margin:6px 20px 0;
	box-shadow:inset 1px 2px 1px #aaa;
	float: left;
    padding: 0;
}

.white-container.ccform {
    padding: 17px;
}
.ccform > div{
    padding-right: 43px;
}

#gatewayform .ccform label{
    display: block;
}

.option-box .ui-slider .ui-slider-handle:hover{
    background: url("../img/small-slider-handle.png") repeat scroll 0 0 transparent;
}

.option-box .ui-slider, .option-box .slides{
    margin: 6px 20px 0 !important;
    width: 325px !important;
}

.option-box span.option-value {
	color:#646464;
	font-size:15px;
	font-weight:bold;
	vertical-align:top;
	margin-top:12px;
	float: left;
}
.option-box input:focus, .option-box textarea:focus, .option-box select:focus {
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 0 0;
}
p.extra-option {
	font-size:14px;
	margin-left:25px;
	display:inline-block;
}
.extra-button {
	background:#8dbb3c;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	text-shadow:0 1px 0 #666;
	height:28px;
	margin-left:5px;
	padding:0 15px;
	line-height:28px;
	border-radius:12px;
	border-bottom:solid 2px #648b2c;
	display:inline-block;
	background-image: linear-gradient(top, #97c840, #7fa736);
	background-image: -moz-linear-gradient(top, #97c840, #7fa736);
	background-image: -webkit-linear-gradient(top, #97c840, #7fa736);
	background-image: -o-linear-gradient(top, #97c840, #7fa736);
	background-image: -ms-linear-gradient(top, #97c840, #7fa736);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97c840', endColorstr='#7fa736', GradientType=0); 
	zoom:1;
}
.extra-button:hover {
	color:#fff;
	background:#7fa736;
	text-decoration:none;
}
.extra-button span {
	background:#70942f;
	font-size:15px;
	width:13px;
	height:16px;
	border-radius:8px;
	display:inline-block;
	vertical-align:middle;
	padding-left:4px;
	margin:2px 0 0 5px;
	line-height:14px;
	text-shadow:0 1px 0 #666;
	box-shadow:inset 0 2px 2px 0 rgba(0,0,0,.25);
	border-bottom:solid 1px rgba(255,255,255,.5);
}

.billing-cycle {
	margin:15px 0 0 5px;
	float: left;
}
.billing-cycle p, .payment-methods p, .coupon-box p {
	font-size:15px;
	font-weight:bold;
	margin:0;
}
.billing-bg {
	background:#d8d8d8;
	min-width:228px;
	border-radius:6px;
	border-bottom:solid 2px #fff;
	display:inline-block;
	margin-top:8px;
	box-shadow:inset 0 2px 2px 0 #999;
}
.billing-bg select {
	color:#4b4b4b;
	background:#d8d8d8;
	font-size:14px;
	width:92%;
	margin:5px 10px;
	border:none;
	line-height:15px;
	height:auto;
	padding:0;
}

.payment-methods {
	margin:15px 0 0 30px;
	vertical-align:top;
	float: left;
	width: 362px;
}
.payment-methods ul {
	width:100%;
	margin:8px 0 0;
}
.payment-methods ul li {
	font-size:13px;
	margin-right:10px;
	float: left;
	white-space: nowrap;
	width: 30%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.payment-methods ul li input {
	margin:1px 5px 0 0;
	float:left;
}


/* Right Column */


.right-column {
	width:295px;
	vertical-align:top;
	margin-left:34px;
	float: right;
	margin-bottom: 35px;
}
.dark-box {
	width:100%;
	margin-top:15px;
}
.dark-box-header {
	height:46px;
}
.dark-box-header-bg, .dark-box-header-img {
	float:left;
	margin-top:3px;
}
.dark-box-header-bg {
	background:#d8d8d8;
	height:46px;
	border-radius:8px 0 0 0;
	padding:0 15px;
	box-shadow:inset 1px 2px 1px 0 rgba(0,0,0,.15);
        margin-right: 27px;
}
.dark-box-header-bg h2{
    max-width: 231px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dark-box-header-img {
	background:url(../img/header-bg.png) no-repeat -28px 0;
	width:27px;
	height:46px;
        margin-left: -27px;
}
.dark-container {
	background:#d8d8d8;
	width:100%;
	border-radius:0 8px 8px 8px;
	border-bottom:solid 1px #fff;
	margin-bottom:-7px;
	box-shadow:inset 1px 2px 1px 0 rgba(0,0,0,.15);
}
h2.summary-h2 {
	color:#5a5a5a;
	text-shadow:0 1px 0 #fff;
}
.dark-container table {
	width:256px;
	text-align:left;
	border-collapse:collapse;
	margin-bottom:20px;
}
.dark-container table * {
	font-size:13px;
}
.dark-container table th {
	font-size:11px;
	font-weight:normal;
	text-transform:uppercase;
	padding:10px 0 5px;
}
.dark-container table td {
	padding:5px 0;
}
.dark-container table tr.first-row {
	border-bottom:solid 1px #b2b2b2;
}
.dark-container .description-col {
	width:152px;
	vertical-align:top;
	padding-left: 10px;
}
.dark-container .last-row {
	background:#bfbfbf;
	border-top:solid 1px #adadad;
	border-bottom:solid 1px #fff;
}
.subtotal, .subtotal-price,
.total-text, .total-price {
	display:block;
	text-align:right;
	margin-right:25px;
}
.subtotal {
	font-size:14px;
}
.subtotal-price {
	font-size:26px;
	font-weight:bold;
	line-height:20px;
	margin-bottom:20px;
}
.total-price-bg {
	background:url(../img/summary-bg.png);
	width:295px;
	height:40px;
}
.total-bg {
	background:#bfbfbf;
	border-radius:0 0 8px 8px;
	padding-bottom:23px;
}
.total-text {
	font-size:14px;
}
.total-price {
	font-size:44px;
	font-weight:bold;
	line-height:35px;
	text-shadow:1px 1px 0 #eee;
}
.coupon-box {
	margin-top:18px;
}
.coupon-field {
	background:#d8d8d8;
	color:#4b4b4b;
	width:285px;
	height:28px;
	margin-top:8px;
	padding-left:10px;
	border-radius:6px;
	box-shadow:inset 1px 1px 1px 0 #999;
	border:none;
	border-bottom:solid 1px #fff;
}
.coupon-input {
	background:#d8d8d8;
	color:#4b4b4b;
	display: block;
        width: 100%;
        
	height:26px;
	margin-top:2px;
	padding:0;
	border:none;
}
.coupon-submit{
    background: none repeat scroll 0 0 #ebebeb;
    float: right;
    padding: 4px 6px;
    position: relative;
}

/* Client Information */

.client-information {
	margin-top:40px;
	clear: both;
}
.client-table {
	color:#4c4c4c;
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
.client-row > td {
	width:50%;
}
.client-table tr {
	display:block;
}
.client-table td {
	padding:5px 0 5px 5px;
}
.info-cell {
	color:#646464;
	font-size:14px;
	width:105px;
	text-align:right;
}
.select-bg {
	background:#fff;
	width:332px;
	height:26px;
	border-radius:6px;
	border:solid 1px #ccc;
	margin-left:10px;
	box-shadow:inset 1px 1px 1px 0 #d9d9d9;
}
.select-bg select, .select-bg input {
	color:#727272;
	font-size:13px;
	border:none;
	width:95%;
	height:20px;
	margin:4px 0 0 5px;
	padding:0;
	box-shadow:none;
}
.password-field {
	width:284px !important;
}
.postalcode-field {
	width:175px !important;
}


/* Notes */


.notes {
	margin-top:30px;
}
.notes textarea {
	background:#fff;
	font-size:14px;
	color:#4b4b4b;
	width:910px;
	height:68px;
	border-radius:6px;
	overflow:hidden;
	border:solid 1px #ccc;
	resize:none;
	padding:10px;
	margin:25px 0 0 15px;
	box-shadow:inset 1px 1px 1px 0 #d9d9d9;
}
.tos {
	width:100%;
	margin-top:25px;
}
.tos p, .tos p a {
	color:#666;
	font-size:14px;
	text-align:center;
}
.tos p input {
	display:inline-block;
	vertical-align:middle;
	margin:-2px 5px 0 0;
}
.tos p a {
	font-weight:bold;
}
.tos p a:hover {
	color:#999;
}
.tos .checkout-button {
	font-family:ptSans, Verdana, sans-serif;
	color:#fff;
	font-size:28px;
	font-weight:bold;
	background:#88b43a;
	border:none;
	border-bottom:solid 2px #648b2c;
	border-radius:16px;
	text-shadow:0 1px 0 #333;
	cursor:pointer;
	padding: 0 75px 5px;
	height:50px;
	background-image: linear-gradient(top, #97c840, #7ea635);
	background-image: -moz-linear-gradient(top, #97c840, #7ea635);
	background-image: -webkit-linear-gradient(top, #97c840, #7ea635);
	background-image: -o-linear-gradient(top, #97c840, #7ea635);
	background-image: -ms-linear-gradient(top, #97c840, #7ea635);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97c840', endColorstr='#7ea635', GradientType=0); 
	zoom:1;
}
.checkout-center {
	width:960px;
	text-align:center;
	margin-top:25px;
}
.disabled {
	opacity:.5;
	pointer-events:none;
}
.checkout-button:hover {
	background:#7ea635;
}
.option-custom{
    width: 435px;
	padding-top: 10px;
}

.slides .sr, .slides2 .sr{
    visibility: hidden;
}
.newchecker div > span {
    font-size: 12px;
}
.existing-client{
    padding: 24px;
}

#cart .existing-client label.styled{
    display:block;
	padding-right: 50px;
	margin-right: 37%;
}
.existing-client .list_item{
    font-size: 12px;
}
.existing-client input.styled {
    margin-right: 30px;
}
#domoptions11, #domoptions22{
    padding: 10px;
    font-size: 12px;
}
#domoptions22 label{
    font-size: 12px;
}
#updater2 {
    clear: both;
    font-size: 12px;
}
#updater2 table{
    margin-top: 10px;
}
.recurring {
    font-family: openSans,Verdana,sans-serif;
}
.option-box .btn-group {
    margin: 10px 10px 0;
}
.ajax-loader{
    background: url("../img/ajax-loader.gif") no-repeat scroll left center transparent;
    display:inline;
    padding: 5px 20px 6px;
    visibility: hidden;
}
#updater2 .ajax-loader{
    background-position: center center;
    display: block;
    height: 20px;
    visibility: visible
}
.promo-box{
    overflow: hidden;
}