@font-face {
    font-family: 'robotoregular';
    src: url('fonts/Roboto-Regular.eot');
    src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Regular.woff') format('woff'),
         url('fonts/Roboto-Regular.ttf') format('truetype'),
         url('fonts/Roboto-Regular.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotobold';
    src: url('fonts/Roboto-Bold.eot');
    src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Bold.woff') format('woff'),
         url('fonts/Roboto-Bold.ttf') format('truetype'),
         url('fonts/Roboto-Bold.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	margin:0;
	padding:0;
	background-color:#f8f8f8;
	font-family: 'robotoregular';
	font-size:12px;
	color:#3c3c3c;
}

img {
	border:none;
}

* {
	margin:0;
	padding:0;
	list-style:none;
}

input, select, textarea {font-family: 'robotoregular'; font-size:12px; color:#3c3c3c;}
.txtbox {font-family: 'robotoregular'; font-size:12px; color:#CCCCCC;font-style:italic;}
.txtbox:focus  {font-family: 'robotoregular'; font-size:12px; color:#3c3c3c;font-style:normal;}
.txtboxnormal {font-family: 'robotoregular'; font-size:12px; color:#3c3c3c;font-style:normal;}
#layout {
	width:100%;
	float:left;
	font-family: 'robotoregular';
	font-size:12px;
	color:#3c3c3c;
}

.wrapper {width:940px; margin:0 auto;}


#header {width:100%; float:left; background-color:#fff; height:143px;}
#header .logo {float:left; padding-top:24px;}
#header .slogun {width:550px; float:left; margin-left:80px; text-align:center; padding-top:35px;}
#header .slogun .bld_32 {width:550px; float:left; font-family: 'robotobold'; font-size:32px; color:#3c3c3c;}
#header .slogun .bld_15 {width:550px; float:left; font-family: 'robotobold'; font-size:15px; color:#fff;}
#header .slogun .bld_15 span {background-color:#c9c9c9; border-radius:20px; padding:2px 10px;}
#header .rgt_logo {float:right; padding-top:21px;}


#middle {width:100%; float:left;}

#middle .form_sec {width:940px; float:left; padding:30px 0;}

#middle .form_sec .lft_frm {width:460px; float:left;}
#middle .form_sec .lft_frm label {width:460px; float:left; font-family: 'robotobold'; font-size:13px; color:#3c3c3c; line-height:22px;}
#middle .form_sec .lft_frm label.itl_12 {font-family: 'robotoregular'; font-size:12px; color:#8c8c8c; font-style:italic; margin-top:15px; line-height:32px;}
#middle .form_sec .lft_frm input {width:277px; height:43px; float:left; background-color:#fff; border:1px solid #c5c5c5; border-radius:2px; box-shadow:0px 1px #fff; padding:0 10px;}
/*#middle .form_sec .lft_frm select {width:240px; height:45px; float:left;}*/

#middle .form_sec .lft_frm2 {width:460px; float:left;}
#middle .form_sec .lft_frm2 label {width:100%; float:left; font-family: 'robotobold'; font-size:13px; color:#3c3c3c; line-height:22px; margin-top:10px;}
#middle .red {font-family: 'robotobold'; font-size:14px; color:#ff0101;}
#middle .form_sec .lft_frm2 input {width:407px; height:35px; float:left; background-color:#fff; border:1px solid #c5c5c5; border-radius:2px; box-shadow:0px 1px #fff; padding:0 10px;}
/*#middle .form_sec .lft_frm2 select {width:240px; height:45px; float:left;}*/


#middle .form_sec .rgt_cnt {width:460px; float:right;}
#middle .form_sec .rgt_cnt .top_logo {width:460px; float:left;}
#middle .form_sec .rgt_cnt .cnt {width:460px; float:left; font-size:13px; color:#3c3c3c; line-height:18px;}
#middle .form_sec .rgt_cnt .cnt img {float:right; margin:-10px 0 0 20px;}

#middle .form_sec .rgt_cnt .whtbox {width:214px; float:left; height:210px; background:url(../images/dr_recommended.jpg) no-repeat left top #fff; padding:80px 20px 0 226px; border-radius:2px;}
#middle .form_sec .rgt_cnt .whtbox h1 {width:214px; float:left; font-family: 'robotobold'; margin:0; font-size:20px; color:#3c3c3c;}
#middle .form_sec .rgt_cnt .whtbox p {width:214px; float:left; font-size:14px; color:#454545; line-height:25px;}

#middle .ship_bil_adrs {width:940px; float:left; padding:10px 0;}
#middle .ship_bil_adrs ul li {width:100%; float:left;}
#middle .ship_bil_adrs ul li label {width:100%; float:left; font-family: 'robotobold'; font-size:13px; color:#3c3c3c; line-height:22px;}
#middle .ship_bil_adrs ul li input[type="text"] {width:407px; height:35px; float:left; background-color:#fff; border:1px solid #c5c5c5; border-radius:2px; box-shadow:0px 1px #fff; padding:0 10px; margin-bottom:6px;}
#middle .ship_bil_adrs .shp_adrs {width:460px; float:left;}
#middle .ship_bil_adrs .bil_adrs {width:460px; float:right; margin-top:-23px;}

#middle .pay_dtls {width:916px; float:left; margin:10px 0; padding:12px; background-color:#fff; border-radius:2px; padding-bottom:0;}
#middle .pay_dtls .l_form {width:430px; float:left;}
#middle .pay_dtls .l_form ul li {width:100%; float:left;}
#middle .pay_dtls .l_form ul li label {width:100%; float:left; font-family: 'robotobold'; font-size:13px; color:#3c3c3c; line-height:22px;}
#middle .pay_dtls .l_form ul li input {width:407px; height:35px; float:left; background-color:#fff; border:1px solid #c5c5c5; border-radius:2px; box-shadow:0px 1px #fff; padding:0 10px; margin-bottom:6px;}
#middle .pay_dtls .r_cnt {width:470px; float:right;}
#middle .pay_dtls .r_cnt img {float:left;}
#middle .pay_dtls .r_cnt .txt {width:355px; float:right;}
#middle .pay_dtls .r_cnt .txt h1 {width:355px; float:left; font-family: 'robotobold'; font-size:16px; color:#3c3c3c;}
#middle .pay_dtls .r_cnt .txt ul li {width:345px; float:left; background:url(../images/bullet.png) no-repeat left 8px; font-size:12px; color:#959595; padding:2px 0 2px 10px;}

#middle .term_cond {width:916px; float:left; margin:10px 0 20px 0;}
#middle .term_cond .term_box {width:334px; float:left; margin-left:270px; background-color:#fff; border:1px solid #b3b3b3; border-radius:4px; padding:10px 15px;}
#middle .term_cond .term_box h1 {width:334px; float:left; font-family: 'robotobold'; font-size:17px; color:#3c3c3c; margin:0;}
#middle .term_cond .term_box h1 span {font-family: 'robotoregular'!important; font-size:11px; color:#d71c1c; font-style:italic;}
#middle .term_cond .term_box ul li {width:334px; float:left; font-size:13px; color:#2c2c2c; text-decoration:underline; margin-top:10px;}
#middle .term_cond .term_box ul li input[type="checkbox"] {float:left; margin-right:5px; margin-top:3px;}
#middle .term_cond .term_box p {width:334px; float:left; font-size:11px; color:#d71c1c; font-style:italic; margin-top:10px;}

#middle .gry_12 {font-family: 'robotoregular'!important; font-size:12px!important; color:#8c8c8c!important;}

h1 {width:100%; float:left; margin:10px 0; padding:0; font-weight:normal; font-family: 'robotobold'; font-size:17px; color:#3c3c3c; font-style:italic;}


#middle .prdts {width:940px; float:left; padding-top:18px;}

#middle .prdts .products {width:959px; float:left; padding-top:60px;}

.products .prd_box {width:140px; float:left; background-color:#fff; border-radius:3px; box-shadow:0px 0px 3px #d7d7d7; padding:0 15px; margin-right:19px;}
.products .prd_box .pr_thumb {width:140px; float:left; height:241px; text-align:center; margin-top:-40px;}
.products .prd_box .pr_dtl {width:140px; float:left; text-align:center;}
.products .prd_box .pr_dtl .desc {width:140px; float:left; height:40px;}
.products .prd_box .pr_dtl .desc a {font-size:11px; color:#3c3c3c; text-decoration:none;}
.products .prd_box .pr_dtl .desc a:hover {text-decoration:underline;}
.products .prd_box .pr_dtl .chkbox {width:140px; float:left; padding:10px 0 10px 0;}
.products .prd_box .pr_dtl .pr_name {width:140px; float:left; padding-bottom:15px;}
.products .prd_box .pr_dtl .pr_name a {font-family: 'robotobold'; font-size:13px; color:#2c2c2c; text-decoration:none;}
.products .prd_box .pr_dtl .pr_name a:hover {text-decoration:underline;}


#middle .pymt_optn {width:940px; float:left; padding:10px 0 20px 0;}
#middle .pymt_optn .bxs {width:940px; float:left;}
#middle .pymt_optn .optn_box {width:458px; float:left; border:1px solid #7f7f7f; background-color:#fff; border-radius:3px;}
#middle .pymt_optn .optn_box .box_head {width:414px; float:left; background-color:#01a398; padding:0 22px; font-family: 'robotobold'; font-size:17px; color:#fff; line-height:50px;}
#middle .pymt_optn .optn_box .box_headtwo {width:414px; float:left; background-color:#f6875c; padding:0 22px; font-family: 'robotobold'; font-size:17px; color:#fff; line-height:50px;}
#middle .pymt_optn .optn_box .box_cnt {width:414px; float:left; padding:10px 22px;}
#middle .pymt_optn .optn_box .box_cnt ul li {width:275px; float:left; padding:10px 22px; border-bottom:1px solid #eee; padding:8px 0;}
#middle .pymt_optn .optn_box .box_cnt ul li a {font-size:12px; color:#3a3a3a; text-decoration:none;}
#middle .pymt_optn .optn_box .box_cnt ul li a:hover {color:#01a398;}


#middle .pymt_optn .optn_box .box_cnttwo {width:414px; float:left; padding:10px 22px; background:#fcb19a;}
#middle .pymt_optn .optn_box .box_cnttwo  ul li {width:275px; float:left; padding:10px 22px; border-bottom:1px solid #eee; padding:8px 0;}
#middle .pymt_optn .optn_box .box_cnttwo  ul li a {font-size:12px; color:#3a3a3a; text-decoration:none; }
#middle .pymt_optn .optn_box .box_cnttwo  ul li a:hover {color:#01a398;}


#bottom {width:100%; float:left; background-color:#fff; border-top:1px solid #e5e5e5; padding:20px 0;}
#bottom .next_btn {width:940px; float:left; text-align:center;}
#bottom .next_btn a {font-size:20px; color:#fff; text-decoration:none; background:url(../images/btn_bg.jpg) repeat-x left bottom #018077; border:1px solid #016e67; text-shadow:1px 1px #016e67; padding:9px 30px; border-radius:3px; line-height:53px; text-transform:uppercase; box-shadow:inset 0px 1px #99e3de;}

select {height:36px; float:left; padding:8px; background:url(../images/dd1_bg.jpg) repeat-x left top; border-radius:2px; border:1px solid #d6d6d6; box-shadow:0 1px #fff;}