@charset "utf-8";
/* CSS Document */

@font-face
{
font-family: MyriadPro_Regular;
src: url(fonts/MyriadPro-Regular.eot) /* IE9 */,
	 url(fonts/MyriadPro-Regular.ttf);
	 
} 

@font-face
{
font-family: MyriadPro_Bold;
src: url(fonts/MyriadProBold.eot), /* IE9 */ url(fonts/MyriadProBold.ttf); 
} 

@font-face
{
font-family: MyriadPro_BoldCond;
src: url(fonts/MyriadPro-BoldCond.ttf), 
	 url(fonts/MyriadPro-BoldCond.eot); /* IE9 */
} 


body{
	margin:0;
	padding:0;
}

#container{
	margin:0 auto;
	padding:0;
	width:980px;
	border-color: #CCC;
    box-shadow: 0 0 50px #CCC;
}

#header_strip{
	width:980px;
	height:30px;
	margin:0 auto;
	background:url(images/header_strip_bg.png) repeat-x;
}

#header_strip p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
	color:#805f24;
	margin:0 auto;
	padding:0;
	width:980px;
	line-height:25px;
	text-align:center;
}

#header{
	width:980px;
	height:276px;
	margin:0 auto;
	position:relative;
	top:-6px;
	background:url(images/header_img_with_text.png);
}

#logo{
	width:210px;
	margin:0 auto;
	padding-top:20px;
}

#heading{
	font-family:MyriadPro_Bold;
	font-size:22pt;
	color:#ffc755;
	margin:10px auto 5px;
	width:980px;
	text-align:center;
	text-shadow:1px 3px #3e403f;
}

#data{
	font-family:MyriadPro_BoldCond;
	font-size:14pt;
	color:#ffffff;
	margin:0 auto;
	padding:0;
	width:800px;
	line-height:25px;
	text-align:center;
	text-shadow:1.5px 1.5px #424441;
	letter-spacing:0.5px;
}

#btn_div{
	width:249px;
	height:35px;
	margin:130px auto 0px;
	background:url(images/btn_div.png) no-repeat;
}

.btn{
	border:none;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	cursor:pointer;
	text-align:center;
}

.login{
	/*width:150px;
	height:47px;*/
	text-shadow:1px 2px 4px #6d706d;
	float:left;
	color:#FFF;
	font-size:16pt;
	margin-left:9px;
	margin-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.started{
	/*width:219px;
	height:47px;*/
	float:right;
	color:#b08a43;
	font-size:16pt;
	font-weight:bold;
	margin-right:5px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:4px;
}

#contant{
	width:980px;
	margin:0 auto;
	position:relative;
	top:-6px;
}

#step_1{
	width:980px;
	background:#ffe2a7;
	margin:0 auto;
}

#step_1_wraper{
	width:800px;
	background:#ffe2a7;
	margin:0 auto;
}

#contant_heading{
	font-family:Arial, Helvetica, sans-serif;
	font-size:23pt;
	font-weight:bold;
	margin:0 auto;
	width:800px;
	text-align:center;
	color:#8b6625;
	padding:20px 0px 5px 0px;
	/*text-shadow:1px 1px 1px #403b32;*/
}

#ship_in_steps{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13pt;
	margin:2px auto;
	width:800px;
	text-align:center;
	color:#846e45;
}

.step_heading{
	font-family:Arial, Helvetica, sans-serif;
	font-size:19pt;
	text-align:left;
	width:800px;
	color:#7a530d;
	margin:20px 0px 10px 0px;
}

.note{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	text-align:left;
	width:800px;
	color:#484744;
	margin:0;
}

#step_1_left{
	float:left;
	width:470px;
}

#step_1_right{
	float:right;
	margin:50px 25px 0px 0px;
}

.MyriadPro_Bold{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.myriadpro_bold{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.list{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
	text-align:left;
	color:#606060;
	list-style:disc;
	margin:15px 0px;
	padding:0px 15px;
}

.list li{
	height:24px;
}

.no-style{
	list-style:none;
	padding:0px;
}

.left_note{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11pt;
	text-align:left;
	color:#3b3b3b;
	margin:0px;
}

.left_note_2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
  font-style:italic;
	color:#3b3b3b;
  text-align:left;
	width:800px;
  margin:0px;
}

.note_middel{
	width:800px;
	margin:0 auto;
	text-align:center;
	font-size:12pt;
}

#step_2{
	width:980px;
	background:#FFFFFF;
	margin:0 auto;
}

#step_2_wraper{
	width:800px;
	background:#FFFFFF;
	margin:0 auto;
}

#dropoff_p{
	float:left;
	width:100px;
	margin:20px 10px 0px 98px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12pt;
	color:#3b3b3b;
	text-decoration:underline;
	text-align:center;
}

#pickup_p{
	float:left;
	width:150px;
	margin:20px 0px 0px 230px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12pt;
	color:#3b3b3b;
	text-decoration:underline;
	text-align:center;
}

#from_to_images{
	width:800px;
	height:150px;
	margin:0px auto;
}

#post_man_img{
	margin:0px 75px 0px 75px;
}

#dropoff_img{
	margin:0px 10px 0px 90px;
}

#post_box_img{
	margin:0px 30px 0px 0px;
}

#arrow_img{
	margin:0px 80px 0px 0px;
}

#step_3{
	width:980px;
	background:#ffe6b1;
	margin:0 auto;
}

#step_3_wraper{
	width:800px;
	background:#ffe6b1;
	margin:0 auto;
}

#step_3_left{
	float:left;
	width:550px;
	background:#ffe6b1;
}

.note_3{
	width:550px;
}

#step_3_right{
	float:left;
	margin:25px 0px 0px 0px;
}

#step_4{
	width:980px;
	height:175px;
	margin:0 auto;
	background:url(images/footer_img.png) no-repeat;
}

#circle_div{
	width:155px;
	height:155px;
	margin:0 auto;
	position:relative;
	top:8px;
	background:url(images/round.png) no-repeat;
}

#circle_div_p{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14.5pt;
	margin:0 auto;
	text-align:center;
	position:relative;
	top:37px;
	line-height:26px;
}

.myriadpro_regular{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13pt;
	color:#493004;
}

#footer{
	width:980px;
	margin:0 auto;
	background:#d5b576;
	position:relative;
	top:-10px;
}

#pay_method{
	margin:0 auto;
	padding:40px 0px 10px 0px;
	text-align:center;
}

#footer_menu{
	width:980px;
	margin:0 auto;
	text-align:center;
}

#footer_menu a{
	font-family:Arial, 'Helvetica, sans-serif';
	font-weight:bold;
	font-size:9pt;
	color:#010101;
	text-decoration:none;
	display:inline;
	line-height:18px;
}

.seprator{
	color:#010101;
	display:inline;
	width:5px;
	font-weight:bold;
	line-height:15px;
	margin:0px 4px;
}

#footer_menu p{
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:9pt;
	color:#010101;
	line-height:30px;
	margin:0 auto;
	width:400px;
	text-align:center;
}

.clear{
	clear:both;
}