/************ CHECKOUT STYLE *************/
#checkout {
    width: 797px;
    font-family: arial;
    padding-bottom: 20px;
}
#checkout div#heading {
	width: 775px;
    font-size: 28px;
    color: #a9aaac;
    padding: 20px 22px 20px 0;
}
#checkout #international_txt {
	width: 775px;
	font-size: 14px;
	color: red;
	margin-bottom: 20px;
}
#checkout #lock_txt{
    background:url('../images/shop/icon_lock.gif') left top no-repeat;
    padding-left:25px;
    font-size:15px;
    line-height:21px;
    height:21px;
    color:#9f9f9f;
}
#checkout #bodyContent {
    width: 775px;
    overflow: hidden;
}

#checkout ul {
	width: 775px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#checkout ul li {
	width: 775px;
    margin: 0px;
    padding: 0px;
    float: left;
}
#checkout ul li.items {
	width: 420px;
	padding-left: 10px;
	padding-right: 10px;
}
#checkout ul li.remove,
#checkout ul li.price,
#checkout ul li.quantity,
#checkout ul li.subtotal {
    width: 83px;
    text-align: center;
}

#checkout ul#heading {
	width: 772px;
	overflow: hidden;
	border: 1px solid #000;
	border-bottom: 0px;
	padding: 0px;
}
#checkout ul#heading li {
	background: url('../images/shop/bg_cart_heading.gif') repeat-x;
	height: 29px;
	padding-top: 7px;
	font-size: 16px;
	color: #afb1b3;
}
#checkout ul#heading li.price,
#checkout ul#heading li.quantity,
#checkout ul#heading li.subtotal {
    width: 81px;
    border-left: 2px solid #747474;
}

#checkout ul.productsInCart {
	width: 772px;
    overflow: hidden;
    border: 1px solid #cbd2d6;
}
#checkout ul.productsInCart li {
	background: url('../images/shop/bg_product_in_cart.gif') repeat-x;
	height: 35px;
    padding-top: 15px;
	font-size: 16px;
	color: #25272c;
}
#checkout ul.productsInCart li.items {
	width: 420px;
	overflow: hidden;
	height: 48px;
	padding-top: 2px;
}
#checkout ul.productsInCart li.items span {
	width: 375px;
	padding-top: 3px;
	font-size: 16px;
	color: #25272c;
}

#checkout ul#delivery {
	width: 772px;
    overflow: hidden;
    border: 1px solid #cbd2d6;
}
#checkout ul#delivery li {
    background: url('../images/shop/bg_delivery.gif') repeat-x;
    height: 35px;
    padding-top: 15px;
    font-size: 16px;
    color: #25272c;
}
#checkout ul#delivery li.items {
	width: 420px;
    overflow: hidden;
    height: 39px;
    padding-top: 11px;
}
#checkout ul#delivery li.items span {
    padding-top: 3px;
    margin-left: 10px;
}

#checkout ul#totalAmt {
    width: 772px;
    overflow: hidden;
    border: 1px solid #000;
}
#checkout ul#totalAmt li {
    background: url('../images/shop/bg_cart_footer.gif') repeat-x;
    height: 35px;
    padding-top: 15px;
    font-size: 16px;
    color: #afb1b3;
}
#checkout ul#totalAmt li.edit_cart_btn {
	width: 125px;
	height: 43px;
    padding-top: 7px;
	padding-left: 10px;
}
#checkout ul#totalAmt li.login_txt {
    width: 378px;
    font-size: 14px;
    font-weight: bold;
    color: #f2a926;
    text-align: center;
    padding-left: 10px;
}
#checkout ul#totalAmt li.text {
	width: 156px;
	text-align: right;
	padding-right: 10px;
}
#checkout ul#totalAmt li.subtotal {
	color: #fff;
}

#checkout #cartAdvert {
	width: 775px;
	overflow: hidden;
	padding-top: 25px;
}
#checkout #cartAdvert #middle {
	margin: 0px 25px;
}

/* checkout form */
#checkoutFormWrap {
    width: 775px;
    margin: 0px 0 15px 0;
}
#checkoutFormWrap form {
    width: 775px;
    overflow: hidden;
}
div#prepop{
    width:380px;
}
div#prepop .row{
    margin:0px 0px 5px;
}
div#prepop .row label{
    float:left;
    width:120px;
    text-align:right;
    font-weight:bold;
}
div#prepop .row input{
    margin-left:10px;
}
div#prepop .row img{
    margin-left:15px;
}
div#util{
    float:left;
    margin:20px 0px;
    width:100%;
}
div#util p{
    margin:20px 10px 10px;
    padding:0px;
    width:580px;
}
div#util p.confirm{
    margin:0px 10px 10px;
    padding:0px;
    width:580px;
}
div.sep{
    width:100%;
    float:left;
    margin:0px 0px 10px;
    border-bottom:2px solid #d4d4d4;
    padding:10px 0px;
}
div.sep2{
    width:100%;
    float:left;
    margin:0px 0px 10px;
    border-bottom:2px solid #d4d4d4;
    padding:5px 0px;
}
dl{
    margin:0px;
    padding:0px;
    width:385px;
}
dd{
    margin:0px;
    padding:0px;
    margin-bottom:5px;
}
dt{
	margin:0px;
	padding:0px;
	width:35px;
    float:right;
}
dd label{
    width:120px;
    float:left;
    text-align:right;
    color:#000;
    font-weight:bold;
}
dd label.checkbox{
    width:100%;
    float:none;    
}
dd input, dd select{
    margin-left:10px;
}
fieldset{
    border:0px;
    margin:0px;
    padding:0px;
}
.details, legend{
    font-size:20px;
    color:#fb9e18;
    padding:0px 0px 20px;
}
.input{
    margin-left:10px;
    color:#666;
}
.longField{
    width:190px;
}
.shortField{
    width:80px;
}
.proField {
	border-left:1px solid #DCE2E6;
	border-right:1px solid #DCE2E6;
	border-top:1px solid #000000;
	color:#787A7D;
	font-size:15px;
	height:21px;
	line-height:25px;
	padding:2px 5px;
}
.description{
    margin:20px 0px;
}
#checkout .btn_card {
    background: transparent url(../images/join/card_type.png) bottom no-repeat;
    height: 40px;
    width:111px;
    display: block;
    color: #868888;
    text-decoration: none;
    margin-bottom: 7px;
    float: left;
    margin-right: 10px;
}
#checkout .btn_card:hover,
#checkout .btn_card.current {
    background: transparent url(../images/join/card_type.png) top no-repeat;
    color: #000000;
}
#checkout .btn_card img {
    margin: 4px 0 0 47px;
}
div.greenTick{
    width:100%;
    margin-bottom:20px;
    float:left;
}
div.greenTick img{
    float:left;
    margin-right:10px;
}
div.greenTick div{
    float:left;
    width:300px;
}
div.cctype_radio_wrap{
    float:left;
    padding-left:10px;
}
#step4 {
    background: transparent url(../images/join/bg.png) center repeat-x;
    height:500px;
}
#step4_form .tick {
    padding: 15px 0 0 25px;
}
#step4_form .main_heading {
    color: #9d9d9e;
    font-size: 26px;
    padding: 10px 0 10px 25px;
}
#step4_form .congratsText {
    padding: 0 0 15px 27px;
    font-size: 14px;
}
#step4_form .sub_heading {
    color: #9d9d9e;
    font-size: 26px;
    width: 440px;
    padding: 0 0 5px 25px;
}
#step4_form .fullLine {
    padding-left: 25px;
    width:420px;
    height: 26px;
}
#step4_form .shareText {
    padding-left: 25px;
    width:420px;
    height: 42px;
    font-size:14px;
}
#step4_form .proField {
    line-height: 25px;
    height:21px;
    color: #787a7d;
    font-size: 15px;
    border-right: 1px solid #dce2e6;
    border-top: 1px solid #000000;
    border-left: 1px solid #dce2e6;
    padding: 2px 10px 2px 10px; 
}
#step4_form .leftLine {
    padding-left:25px;
    width: 225px;
    height:32px;
}
#step4_form .rightLine {
    width: 200px;
    height:32px;
}
#step4_form .btn_share {
    margin-top: 5px;
    background: transparent url(../images/join/btn_club_hueys.png) top no-repeat;
    width:174px;
    height:32px;
    display: block;
}
#step4_form .btn_give {
    margin-top: 5px;
    background: transparent url(../images/join/btn_club_hueys.png) bottom no-repeat;
    width:174px;
    height:32px;
    display: block;
}
#step4_form .lowerText {
    padding:0 0 10px 25px;
    width:270px;
    font-size:14px;
}
#step4_form .huey_logo {
    /*border: 1px solid red;*/
    padding-left: 30px;
}
#checkout ul.erros {
    width: 775px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
#checkout ul.errors li {
    margin: 0px;
    padding: 0px 0px 5px 125px;
    float: left;
    font-size:12px;
    color:#900;
}