h1 {
	font-size: 130%;
	text-transform: capitalize;
	font-weight: normal;
}
h2 {
	text-transform: uppercase;
	padding: 10px;
	background: url(/img/arrow_right.gif) 0 50% no-repeat;
	text-align: left;
}
.text {
	font-size:10pt;
} 
ul {
	font-size:80%;
}
.deep {
	font-family: Tahoma;
	font-size: 70%;
	font-weight: bold;
}

p {
	text-align: left;
}

/*		Common elements and classes		*/

.display-block {
    display: block;
}

.display-inline {
    display: inline;
}

.no-margins {
    margin: 0 !important;
    padding: 0 !important;
}

.clear-both {
    clear: both;
}

.not-displayed {
    display: none !important;
}

.invisible {
    visibility: hidden;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.margin-10 {
    display: block;
    height: 10px;
}

.margin-20 {
    display: block;
    height: 20px;
}

.margin-30 {
	display: block;
	height: 30px;
}

#save_uname{
	visibility: hidden;

}

#save_uname h3.font-black{
	float:right;
	clear:both;
}

#button-save-uname{
	clear:both;
}

.font-black {
    color: #696969;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-capitalize {
    text-transform: capitalize;
}

#	co-wrapper input {
    color: #696969;
}


.co-dashes {
    display: block;
    background: url('../../img/default/checkout/dashes.gif') 0% 0% repeat-x;
    width: 100%;
    height: 1px;
    margin: 10px;
}

.co-horiz-line-1 {
    display: block;
    background: url('../../img/default/checkout/line-horizontal-1.gif') 0% 0% repeat-x;
    width: 100%;
    height: 1px;
    margin: 10px 0;
}

a.co-button {
	/*float: left;*/
    /*display: block;*/
	/*width: auto;*/
    overflow: hidden;
    color: #783f28;
    text-decoration: none;
    height: 29px;
}

a.co-button:hover span.co-button-body {
    color: #fff;
}


a.co-button span.co-button-left, a.co-button span.co-button-right {
    display: block;
    float: left;
    width: 6px;
    height: 29px;
}

a.co-button span.co-button-left {
    background: url('../../img/default/common/button-orange-left.png') 0% 0% no-repeat;
}
a.co-button span.co-button-right {
    background: url('../../img/default/common/button-orange-right.png') 0% 0% no-repeat;
}

a.co-button span.co-button-body {
    display: block;
    background: url('../../img/default/common/button-orange-body.png') 0% 0% repeat-x;
    height: 29px;
    float: left;
    width: auto;
    margin: 0;
    padding: 7px 10px;
    font-size: 9pt;
    font-weight: bold;
}

.co-input-big a.co-button {
	height: 39px;

}

.co-input-big a.co-button span {
	background: url('../../img/default/checkout/buttons-big.png') 0% 0% repeat-x;
	height: 39px;
	line-height: 25px;
}

.co-input-big a.co-button span.co-button-right {
	background-position: 100% 0;
}

.co-input-big a.co-button span.co-button-body {
	background-position: 0 -39px;
}

.co-block-blue {
    background-color: #f5f9fe;
    border: 1px solid #d0e1f5;
    position: relative;
}

.co-block-blue .cbb-corner {
    background: url('../../img/default/checkout/bg_blue.gif') 0% 0% no-repeat;
    width: 4px;
    height: 4px;
    position: absolute;
}

.co-block-blue .cbb-corner-top-left {
    background-position: 0px 0px;
    top: -1px;
    left: -1px;
}

.co-block-blue .cbb-corner-top-right {
    background-position: -4px 0px;
    top: -1px;
    right: -1px;
}

.co-block-blue .cbb-corner-bottom-left {
    background-position: 0px -4px;
    bottom: -1px;
    left: -1px;
}

.co-block-blue .cbb-corner-bottom-right {
    background-position: -4px -4px;
    bottom: -1px;
    right: -1px;
}

.co-block-blue .cbb-content {
    padding: 10px;
    color: #696969;
}



.co-checkbox {
    background: url('../../img/default/checkout/checkbox.png') 0% 0% no-repeat;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.co-checkbox.checked {
    background-position: 0% -18px;
}

.co-checkbox:hover {
    background-position: 0% -18px;
}

.co-checkbox.checked:hover {
    background-position: 0 0;
}

.co-checkbox.co-checkbox-no-hover:hover {
    background-position: 0 0;
}

.co-checkbox.co-checkbox-no-hover.checked:hover {
    background-position: 0% -18px;
}

.co-asterisk {
	background: url('../../img/default/checkout/asterisk.png') 0 2px no-repeat;
	padding-right: 4px;
}

/*		Checkout styles		*/


#co-wrapper {
    width: 1000px;
    margin: 0 auto;
    font-family: Arial;
}

#co-wrapper h1#co-title {
    font-size: 13pt;
    color: #365a81;
    font-weight: bold;
}

.co-text {
    margin: 0;
    padding: 0;
    color: #696969;
    font-size: 9pt;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*					pages					*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#co-page-container {
    overflow: hidden;
    padding-bottom: 50px;
}

#co-page-container .co-page {
    display: none;
}

#co-page-container .co-page.current {
    display: block;
}

#co-page-container #co-page-step1 #co-login-form {
	width: 650px;
	/*padding: 0 20px 0 100px;*/
	/*margin-bottom: 30px;*/
    margin: 0 auto;
}

#co-login-form .lf-login-field-block {
	overflow: hidden;
}

#co-login-form .lf-login-field {
    width: 600px;
    overflow: hidden;
	float: right;
}

#co-login-form .lf-login-field-block#lf-email-field label,
#co-login-form .lf-login-field-block#lf-password-field label {
	height: 39px;
	line-height: 39px;
}

#co-login-form #lf-password-field a#co-forgot-password {
	margin: 45px 0 0 128px;
	display: block;
	color: #777777;
	font-size: 9pt;
}
#co-login-form #lf-password-field a#co-forgot-password:hover {
	color: #330066;
}

.co-input-left, .co-input-right {
    float: left;
    width: 7px;
    height: 29px;
}

.co-input-left {
    background: url('../../img/default/checkout/input-left.png') 0% 0% no-repeat;
}

.co-input-right {
    background: url('../../img/default/checkout/input-right.png') 0% 0% no-repeat;
}

.co-input-right-dropdown {
    background: url('../../img/default/checkout/input-right-dropdown.png') 0% 0% no-repeat;
    float: left;
    width: 28px;
    height: 29px;
}

.co-input-body {
    background: url('../../img/default/checkout/input-body.png') 0% 0% repeat-x;
    float: left;
    height: 29px;
    line-height: 29px;
    /*border-top: 1px solid #d8dfd0;*/
    /*border-bottom: 1px solid #d8dfd0;*/
}
.co-input-body input {
	background: transparent;
}

.co-input-big .co-input-left,
.co-input-big .co-input-right,
.co-input-big .co-input-body {
	background: url('../../img/default/checkout/input-big.png') 0% 0% repeat-x;
	height: 39px;
}

.co-input-big .co-input-left {

}

.co-input-big .co-input-right {
	background-position: 100% 0;
}

.co-input-big .co-input-body {
	background-position: 0 -156px;
}

.co-input-big .co-input-body input {
	height: 35px;
	font-size: 12pt;
}

.input-active .co-input-left, .input-active .co-input-right, .input-active .co-input-body, .input-active .co-input-right-dropdown {
    background-position: 0% -29px;
}

.input-red .co-input-left, .input-red .co-input-right, .input-red .co-input-body {
    background-position: 0% -58px !important;
}

.input-green .co-input-left, .input-green .co-input-right, .input-green .co-input-body {
    background-position: 0% -87px !important;
}


.co-input-big.input-with-hightlight.input-active .co-input-left,
.co-input-big.input-with-hightlight:hover .co-input-left {
	background-position: 0 -39px;
}
.co-input-big.input-with-hightlight.input-active .co-input-right,
.co-input-big.input-with-hightlight:hover .co-input-right {
background-position: -7px -39px;
}
.co-input-big.input-with-hightlight.input-active .co-input-body,
.co-input-big.input-with-hightlight:hover .co-input-body {
    background-position: 0 -195px;
}

.co-input-big.input-with-hightlight.input-red .co-input-left {
	background-position: 0 -78px !important;
}
.co-input-big.input-with-hightlight.input-red .co-input-right {
	background-position: -7px -78px !important;
}
.co-input-big.input-with-hightlight.input-red .co-input-body {
    background-position: 0 -234px !important;
}


.input-active .co-input-left, .input-active .co-input-right, .input-active .co-input-body, .input-active .co-input-right-dropdown {
    background-position: 0% -29px;
}

.co-input-body input {
    width: 100%;
    border: 0;
    height: 25px;
    color: #696969;
    margin-top: 1px;
    font-size: 12pt;
}

.ie6 .co-input-body input,
.ie7 .co-input-body input,
.ie8 .co-input-body input,
.ie9 .co-input-body input
{
    line-height: 25px;
}

.ie6 .co-input-big .co-input-body input,
.ie7 .co-input-big .co-input-body input,
.ie8 .co-input-big .co-input-body input,
.ie9 .co-input-big .co-input-body input
{
    line-height: 32px;
}




.co-input-body input:focus {
    outline: none;
}

.co-input-dropdown-list {
    position: absolute;
    margin-top: 25px;
    width: 200px;
    display: none;
	z-index: 2;
}

.ie7 .co-input-dropdown-list {
	/*position: fixed;*/
	/*top: 30%;*/
	/*left: 40%;*/
	margin-top: -5px;
	clear: both;
	/*width: 400px;*/
	/*height: 400px;*/
	/*z-index: 20;*/
	/*display: block;*/
}

.co-input-dropdown-list .idl-top {
    border-left: 1px solid #d8dfd0;
    border-right: 1px solid #d8dfd0;
    height: 5px;
    width: 100%;
}

.co-input-dropdown-list ul {
    background-color: #fff;
    border-left: 1px solid #d8dfd0;
    border-right: 1px solid #d8dfd0;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;

    max-height: 160px;
    overflow-y: auto;
    overflow-x: hidden;
    font-weight: normal;
}

.co-input-dropdown-list ul li {
    padding: 5px 15px;
    font-size: 12pt;
    line-height: 16px;
    color: #696969;
    margin: 0 !important;
    font-weight: normal;
}

.co-input-dropdown-list ul li:hover {
    background-color: #f3942c;
    background-color: #fde6cc;
    cursor: pointer;
}

.co-input-dropdown-list .idl-bottom {
    width: 100%;
    height: 6px;
    overflow: hidden;
    position: relative;
    padding: 0 1px;
}

.co-input-dropdown-list .idl-bottom .idl-bottom-left, .co-input-dropdown-list .idl-bottom .idl-bottom-right {
    background: url('../../img/default/checkout/dropdown-bg-bottom.png') 0% 0% no-repeat;
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0;
    top: 0;
    /*float: left;*/
}

.co-input-dropdown-list .idl-bottom .idl-bottom-right {
    background-position: -6px 0;
    left: auto;
    right: 0;
    /*float: right;*/
}

.co-input-dropdown-list .idl-bottom .idl-bottom-body {
    border-bottom: 1px solid #d8dfd0;
    height: 6px;
    position: absolute;
    left: 6px;
    right: 6px;
    bottom: 0;
    background-color: #fff;
}

.lf-login-field .lf-email-body {
    width: 450px;
}

#co-login-form label {
	float: left;
	display: block;
	color: #696969;
	height: 29px;
	line-height: 29px;
	text-align: right;
	width: 115px;
	font-weight: bold;
	font-size: 10pt;
}

#co-login-form #account-found-block small {
    display: block;
    margin-top: 10px;
    color: #696969;
}

#co-login-form #account-found-block {
    margin: 20px 0 10px 130px;
}

#co-login-form #account-found-block #account-not-found,
#co-login-form #account-found-block #account-found,
#co-login-form #account-found-block #account-logged-in,
#co-login-form #account-found-block #account-wrong-password {
    display: none;
}

/*	case: email not entered		*/

#co-login-form.co-account-not-entered #account-found-block {
    display: block;
}

#co-login-form.co-account-not-entered #lf-password-field {
    display: none;
}

/*	case: email not found		*/

#co-login-form.co-account-not-found #account-found-block {
    display: block;
}

#co-login-form.co-account-not-found #account-found-block #account-not-found {
    display: block;
}

#co-login-form.co-account-not-found #lf-password-field {
    display: none;
}

#co-login-form.co-account-not-found #button-email {
    display: block;
}

#no-account-found-info .nafi-email {
	display: inline;
}

#no-account-found-info .nafi-no-email {
	display: none;
}

#no-account-found-info.nafi-email-invalid .nafi-email {
	display: none;
}

#no-account-found-info.nafi-email-invalid .nafi-no-email {
	display: inline;
}

#no-account-found-info .nafi-email span {
	color: #006633;
}

/*	case: email found	*/

#co-login-form.co-account-found #account-found-block {
    display: block;
}

#co-login-form.co-account-found #account-found-block #account-found {
    display: block;
}

#co-login-form.co-account-found #lf-password-field {
    display: block;
}

#co-login-form.co-account-found #button-email {
    display: none;
}

/*	case: wrong password	*/

#co-login-form.co-account-wrong-password #account-found-block {
    display: block;
}

#co-login-form.co-account-wrong-password #account-found-block #account-found {
    display: none;
}

#co-login-form.co-account-wrong-password #lf-password-field {
    display: block;
}

#co-login-form.co-account-wrong-password #button-email {
    display: none;
}

#co-login-form.co-account-wrong-password #account-found-block #account-wrong-password {
    display: block;
}

/*	case: logged in		*/

#co-login-form.co-account-logged-in #account-found-block {
    display: block;
}

#co-login-form.co-account-logged-in #lf-email-field,
#co-login-form.co-account-logged-in #lf-password-field {
    display: none;
}

#co-login-form.co-account-logged-in #account-found-block #account-not-found,
#co-login-form.co-account-logged-in #account-found-block #account-found {
    display: none;
}

#co-login-form.co-account-logged-in #account-found-block #account-logged-in {
    display: block;
}

#account-logged-in .common-blue-rounded {
	width: 350px;
	height: 80px;
	margin: 0 auto;
}

#account-logged-in .common-blue-rounded .common-blue-rounded-body {
	padding: 15px 25px;
	font-size: 10pt;
	line-height: 200%;
	color: #284E78;
}

#account-logged-in .common-blue-rounded .common-blue-rounded-body strong {
	color: #000;
}
/*	case: end	*/





/*	~~~~~~~~~~~ checkout error ~~~~~~~~~~~~~~~~~ */

#checkout-error #checkout-error-wrapper {
	position: fixed;
	z-index: 900;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #003366;

	opacity:.30;
	-moz-opacity:.30;
	-ms-filter:alpha(opacity=30);
	filter:alpha(opacity=30);
}

#checkout-error #checkout-error-message {
	position: fixed;
	z-index: 1000;
	top: 50%;
	left: 50%;
	width: 300px;
	/*height: 200px;*/
	margin-left: -150px;
	margin-top: -100px;
}

#checkout-error #checkout-error-message .cem-corner-top,
#checkout-error #checkout-error-message .cem-corner-bottom {
	/*outline: 1px solid red;*/
	position: relative;
	width: 100%;
	height: 5px;
	border-top: 1px solid #d8ded0;
	margin-left: 6px;
	margin-right: 6px;
	background-color: #fff;
}

#checkout-error #checkout-error-message .cem-corner-bottom {
	border-top: 0;
	border-bottom: 1px solid #d8ded0;

}

#checkout-error #checkout-error-message .cem-corner-top .cem-corner-lt,
#checkout-error #checkout-error-message .cem-corner-top .cem-corner-rt,
#checkout-error #checkout-error-message .cem-corner-bottom .cem-corner-lb,
#checkout-error #checkout-error-message .cem-corner-bottom .cem-corner-rb {
	background: url('../../img/default/common/corners-olive.png') 0% 0% no-repeat;
	width: 6px;
	height: 6px;
	position: absolute;
}

#checkout-error #checkout-error-message .cem-corner-top .cem-corner-lt {
	background-position: 0 -30px;
	top: -1px;
	left: -6px;
}
#checkout-error #checkout-error-message .cem-corner-top .cem-corner-rt {
	background-position: -6px -30px;
	top: -1px;
	right: -6px;
}
#checkout-error #checkout-error-message .cem-corner-bottom .cem-corner-lb {
	background-position: 0 -36px;
	bottom: -1px;
	left: -6px;
}
#checkout-error #checkout-error-message .cem-corner-bottom .cem-corner-rb {
	background-position: -6px -36px;
	bottom: -1px;
	right: -6px;
}

#checkout-error #checkout-error-message .cem-content {
	background-color: #fff;
	width: 272px;
	padding: 5px 20px;
}

#checkout-error #checkout-error-message .cem-content .cem-content-message {
	text-align: center;
	width: 252px;
	/*background-color: #daebe0;*/
	font-weight: bold;
	font-size: 12pt;
	padding: 10px 10px 5px;
}

#checkout-error #checkout-error-message .cem-content .cem-content-button {
	width: 100%;
	text-align: center;
	overflow: hidden;
	margin: 10px 0 3px 0;
}

#checkout-error #checkout-error-message .cem-content .cem-content-button a {
	display: block;
	margin: 0 auto;
	width: 48px;
}

/*			infobox			*/

#checkout-infobox,
#checkout-errorbox {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 280px;
	display: none;
	font: 13px Arial;
	color: #0e0e0e;
	cursor: pointer;
	z-index: 10;
}

#checkout-infobox .ci-close,
#checkout-errorbox .ci-close {
	position: absolute;
	background: url('../../img/default/common/infobox-close-green.png') top right no-repeat;
	height: 20px;
	width: 26px;
	top: -11px;
	right: 15px;
}

#checkout-errorbox .ci-close {
	background: url('../../img/default/common/infobox-close-red.png') top right no-repeat;
}

.ie #checkout-infobox .ci-top,
.ie #checkout-infobox .ci-bottom,
.ie #checkout-infobox .ci-top-left,
.ie #checkout-infobox .ci-bottom-left,
.ie #checkout-errorbox .ci-top,
.ie #checkout-errorbox .ci-bottom,
.ie #checkout-errorbox .ci-top-left,
.ie #checkout-errorbox .ci-bottom-left {
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */
}

#checkout-infobox .ci-top,
#checkout-infobox .ci-bottom,
#checkout-infobox .ci-top-left,
#checkout-infobox .ci-bottom-left {
	background: url('../../img/default/common/infobox-info.png') top right no-repeat;
	height: 11px;
	width: 100%;
}
#checkout-errorbox .ci-top,
#checkout-errorbox .ci-bottom,
#checkout-errorbox .ci-top-left,
#checkout-errorbox .ci-bottom-left {
	background: url('../../img/default/common/infobox-error.png') top right no-repeat;
	height: 11px;
	width: 100%;
}
#checkout-infobox .ci-top-left,
#checkout-errorbox .ci-top-left {
	width: 11px;
	background-position: 0 0px;
	background-color: #fff;
}
#checkout-infobox .ci-bottom-left,
#checkout-errorbox .ci-bottom-left {
	width: 11px;
	height: 12px;
	background-position: 0 -11px;
	background-color: #fff;
}

#checkout-infobox .ci-bottom,
#checkout-errorbox .ci-bottom {
	background-position: bottom right;
	height: 29px;
}

#checkout-infobox .ci-text,
#checkout-infobox .ci-body {
	background: url('../../img/default/common/infobox-info-body.png') repeat-y;
}
#checkout-errorbox .ci-text,
#checkout-errorbox .ci-body {
	background: url('../../img/default/common/infobox-error-body.png') repeat-y;
}
#checkout-infobox .ci-body,
#checkout-errorbox .ci-body {
	padding-left: 6px;
	background-position: top left;
}
#checkout-infobox .ci-text,
#checkout-errorbox .ci-text {
	padding: 5px 12px;
	background-position: top right;
}