/* ###################################################### */
/* #         Chakaroff Hosting Order Stylesheet         # */
/* #                                                    # */
/* #            Last modified on 15.09.2013             # */
/* ###################################################### */

body.order #bg-container {background: #1f2224;}
body .content {margin-top: 30px;}

.clearfix {clear: both;}
p {color: #222;}
h3 {margin-bottom: 20px;}

.order-steps {width: 100%; height: 50px; background: url(/images/order/step-inactive.png) repeat-x;  border-top-left-radius: 5px; border-top-right-radius: 5px;}
.order-steps li {background: url(/images/order/step-inactive.png) repeat-x; float: left; height: 50px;}
.order-steps li a {display: block; padding: 0 18px 0 30px; background: url(/images/order/step-right.png) no-repeat left; height: 100%; vertical-align: center;}
.order-steps span {color: #9da2a6; font-size: 17px; font-weight: bold; text-shadow: #fff 1px 1px 0; padding: 15px 0 0 35px; display: inline-block;}
.step-image {position: absolute; margin: 14px 7px 0 0; opacity: 0.65;}
#step1 {border-top-left-radius: 5px;}
#step1 a {padding: 0 30px 0 25px !important; border-top-left-radius: 5px;  background: none;}

.order-steps li.active {background: url(/images/order/step-active.png) repeat-x;}
li.stepaonb a {background: url(/images/order/step-right-second.png) no-repeat left;}

.order-steps li.active span {color: #5c6166;}
.active .step-image {opacity: 1;}

li.step-indicator {border-radius: 15px; float: right; background: #fff; border: 1px solid #dcdcdd; height: 20px; padding: 0 20px 0 20px; margin: 12px 15px 0 0; text-align: center; color: #6d7073; font-size: 13px; padding-top: 5px}
#curstep {display: inline}

#loader {text-align: center; color: #777777; margin: 130px auto; font-size: 23px;}
#loader img {margin-bottom: 20px;}

#dhcart-container {padding: 30px 30px 60px 30px; position:absolute; left:-9999px; background: #fff; min-height: 375px;}

form 			{ margin:0; }
input[type="text"] {
	border-radius: 3px;
	height: 30px;
	padding: 0 7px 0 7px;
	background: #fff url(/images/order/textinputbg.gif) repeat-x center top;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
	-moz-transition: background 0.2s linear 0s;
	}

	input[type="text"]:focus {
	border-color: #fcc745;
	outline-width: 0;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(252, 199, 69, 0.6);
}

.red {color: #bf0810}
.green {color: green;}

table.on  		{ display: block; margin-top: 20px;}
table.off 		{ display:none; position: absolute;}
.off {display: none;}

.dhcart_title 		{ font-size:20px; color: #bf0810; font-weight : bold;}
.dhcart_text 		{ font-size:14px; color: #000000; }
.dhcart_form        {margin-top: 10px;}

.dhcart_form 		{ border-width: 0px; padding: 0px; }
.dhcart_form td	 	{ border-width: 0px; padding: 5px; }

.dhcart_cart 		{ border-width: 1px; border-color: #ffffff; border-collapse: collapse; width:100%; margin-bottom: 30px;}
.dhcart_cart td		{ padding: 5px 10px 5px 10px; }
.dhcart_td1 		{ border-width: 1px; border-style: solid; border-color: #e1e1e1; background-color: #e8f1fa; font-family: helvetica,arial,sans-serif; font-size:12px; color: #555; font-weight : bold; text-align:left;  background: url(table-header-bg.gif) repeat-x; text-shadow: 1px 1px 0 #fff;}
.dhcart_td2 		{ border-width: 1px; border-style: solid; border-color: #e1e1e1; background-color: #f9f9f9; font-family: helvetica,arial,sans-serif; font-size:12px; color: #000000; vertical-align: middle; }
.dhcart_td3 		{ border-width: 1px; border-style: solid; border-color: #e1e1e1; background-color: #e1e1e1; font-family: helvetica,arial,sans-serif; font-size:12px; color: #000000; font-weight : bold; }
.order_td {text-align: center;}
td.center {text-align: center;}

.dhcart_button {
	font-family: titillium, Arial;
	height: 32px;
	font-size: 14px;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;		
	padding: 3px 15px 4px 15px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.dhcart_button:hover {
	text-decoration: none;
}
.dhcart_button:active {
	position: relative;
	top: 1px;
}

.dhcart_button span {padding: 7px 0 7px 0; display: block;}

.link {background: none; padding: 0; border: 0; margin: 0; box-shadow: none; font-size: 13px; text-shadow: none;}

.checkbut {padding: 3px 15px 4px 15px}

.remove-box {width: 17px; height: 17px; background-image: url(/images/order/remove.png); background-repeat: no-repeat; background-color: none; background-position: top left; margin: 0 auto; text-indent: -999999px;}
.remove-box:hover {background-position: bottom left;}

.redbut {
	color: #fff;
	border: solid 1px #9c060d;
	background: #bf0810;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1f28), to(#bf0810));
	background: -moz-linear-gradient(top,  #ed1f28,  #bf0810);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1f28', endColorstr='#bf0810');
}
.redbut:hover {
	background: #ff0000;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#bf0810));
	background: -moz-linear-gradient(top,  #ff3838,  #bf0810);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6c72', endColorstr='#bf0810');
}
.redbut:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf0810), to(#ed1f28));
	background: -moz-linear-gradient(top,  #bf0810,  #ed1f28);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf0810', endColorstr='#ed1f28');
}

.white {
	color: #5C6166;
	text-shadow: 0 1px 1px #ffffff;
	border: solid 1px #879797;
	background: #bf0810;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
	background: -moz-linear-gradient(top,  #ffffff,  #dddddd);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd');
	-moz-box-shadow: none;
	box-shadow: none;	
}

.white:hover {
	color: #333333;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
	background: -moz-linear-gradient(top,  #ffffff,  #eeeeee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
}
.white:active {
	color: #5C6166;
	background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#ffffff));
	background: -moz-linear-gradient(top,  #dddddd,  #ffffff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ffffff');
}

.www_text {vertical-align: baseline; margin-right: 5px;}

.dhcart_input_domain 	{ width: 200px; border : 1px solid #adc2d6; background-color : #ffffff; font-size : 13px; margin-right: 5px; font-family: titillium; }
.dhcart_input_coupon 	{ width: 100px; border : 1px solid #adc2d6; background-color : #ffffff; font-size : 14px; }
.dhcart_input_form 	{ width: 180px; border : 1px solid #adc2d6; background-color : #ffffff; font-size : 14px; }

.dhcart_select 		{ border:1px solid #adc2d6; font-family : helvetica,arial,sans-serif; font-size : 12px; height: 22px}
.total_summary td {padding: 20px 0 0 0; text-align: right;}
.total_td {padding: 10px 0 0 0 !important;}
.total {text-align: right; vertical-align: middle;}
.remove_td {width: 20px;}
.checkout-footer {width: 100%; text-align: right;}

#contact_info ul {
	display:block;
	float:left;
	width:460px;
	padding:0;
}

#contact_info ul li {
	clear:left;
	border-bottom:0;
	border-top:1px solid #ddd;
	padding:0 10px 0 0;
}
#contact_info ul li.firstli {border-top: none;} 

#contact_info ul label,
#contact_info ul input,
#contact_info ul select,
textarea {
	display:block; float: left;
	margin:10px 0;
}

#contact_info ul label {
	clear:left;
	width:135px;
	color:#595959;
	font-size:14px;
	padding:6px 0 0 5px;
}

#contact_info ul input,
textarea {
	width:290px;
	padding:6px 7px;
	height: auto;
}
label span.sup {
	font-size:70%;
	vertical-align:top;
	letter-spacing:2px;
}
#contact_info ul input[type=text],
textarea {
	border:1px solid #ccc;
	background: #fff url(/images/order/textinputbg.gif) repeat-x center top;
}
#contact_info input#cffname, #contact_info input#cfstate {
	width:120px;
	margin-right:10px;
}
#contact_info input#cflname, #contact_info input#cfzip {
	width:148px;
}
#contact_info input#cfaddr2 {
	margin-top:0;
}

#cfcountry, #cfpaymethod {margin-top: 12px !important;}
#cfreason {margin-top: 20px !important;}

.agreement {float: left; margin: 10px 47px 0 7px; font-family: helvetica,arial,sans-serif; color:#595959; font-size: 12px;}
.agreement span {}

.error {background: #FFEFC3 !important; height: auto !important; display: inline-block;}
.error * {border-color: #c34348 !important;}

#error-div {
	display: none;
	float: right;
	margin-left: 15px;
	width: 230px;
	background:#FFFFE1 url(/images/order/error.png) no-repeat 15px 13px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius: 8px;
	border: 2px solid #F4E4B7;
	padding:12px 20px 25px 70px;
	margin:0;
	color: #494437;
  font-size: 14px;}

#contact_info label > i {color: #bd0810; font-style: normal; font-weight: bold;}
  

.message-div {width: 600px; background: #fff; padding: 40px 40px 60px 40px; margin: 40px auto;}
img.error-img {float: left; margin: 0 40px 200px 0;}
#message-div h3 {font-size:35px;}
/*.green {color: #44c212;} */
#message-div p {color: #222222}
  

a.dhcart:link 		{ color : #084482; text-decoration : underline; font-size : 12px; font-weight: bold; }
a.dhcart:visited 	{ color : #084482; text-decoration : underline; font-size : 12px; font-weight: bold; } 
a.dhcart:active 	{ color : #000000; text-decoration : font-size : 12px; font-weight: bold; } 
a.dhcart:hover 		{ color : #000000; text-decoration : font-size : 12px; font-weight: bold; }