/* CSS Document */

/*
 *
 *------------------------------------------------------
 * FILENAME: 		order_step-1.css
 * COPYRIGHT: 		orderin ltd.
 *------------------------------------------------------
 * POWERED BY ecommerce2u.com
 *------------------------------------------------------
 *
 *
*/
 
 @import url(orderin_generalOSCAR.css);
 @import url(orderin_CSSOSCAR.css);

/*******************************************
 ORDERIN PROCESS ARROWS DEFINE
*******************************************/
#orderinSteps1 {
  position: relative;
  width:800px; 
  background:#EED5AC; /* REPLACE THIS AFTER TESTING #F3EADB */
  min-height:114px;
}


#stepCurrentArrow {
	position: absolute;
	top: 67px;
	left:27px;
}

#step2Arrow {
	position: absolute;
	top: 40px;
	left:7px;

}

#step3Arrow {
	position: absolute;
	top: 167px;
	left:7px;	
}

#step4Arrow {
	position: absolute;
	top: 283px;
	left:7px;	
	z-index:1;
}

/*******************************************
 ORDERIN PROCESS - LEFT COLUMN MENU
*******************************************/
/********************************************************************************************/
#orderinStep1_Actived_1{
	position: relative;
	width: 113px; 
	height: 112px;
	left:5px;
	background: #fa9e53 url(../images/step_1/step1_active.gif) no-repeat;
	float:left;
}
#orderinStep1_Actived_4{
	position: relative;
	width: 113px; 
	height: 112px;
	left:5px;
	background: #fa9e53 url(../images/step_4/step1_active.gif) no-repeat;
	float:left;
}
/********************************************************************************************/

#orderinStep1_NotActived_1{
	position: relative;
	width: 113px; 
	height: 112px;
	left:5px;
	background: #fa9e53 url(../images/step_1/step1_inactive.gif) no-repeat;
	float:left;
}
#orderinStep1_NotActived_4{
	position: relative;
	width: 113px; 
	height: 112px;
	left:5px;
	background: #fa9e53 url(../images/step_4/step1_inactive.gif) no-repeat;
	float:left;
}
/********************************************************************************************/
#orderinStep2_NotActived_1{
	position: relative;
	left:2px;
	width: 114px; 
	height: 112px;
	background: #d8814b url(../images/step_1/step2_inactive.gif) no-repeat;
	float: left;
}
#orderinStep2_NotActived_4{
	position: relative;
	left:2px;
	width: 114px; 
	height: 112px;
	background: #d8814b url(../images/step_4/step2_inactive.gif) no-repeat;
	float: left;
}

/**************/
#orderinStep2_Actived_1{
	position: relative;
	left:auto;
	width: 114px; 
	height: 112px;
	background: #d8814b url(../images/step_1/step2_active.jpg) no-repeat;
	float: left;
}
#orderinStep2_Actived_4{
	position: relative;
	left:auto;
	width: 114px; 
	height: 112px;
	background: #d8814b url(../images/step_4/step2_active.jpg) no-repeat;
	float: left;
}

/**************/
#orderinStep3_NotActived_1{
	position: relative;
	width: 113px; 
	height: 112px;
	background: #ec6b44 url(../images/step_1/step3_inactive.gif) no-repeat;
	float:left;
}
#orderinStep3_NotActived_4{
	position: relative;
	width: 113px; 
	height: 112px;
	background: #ec6b44 url(../images/step_4/step3_inactive.gif) no-repeat;
	float:left;
}

/**************/
#orderinStep4_NotActived_1{
	position: relative;
	width: 115px; 
	height: 112px;
	background: #e25b2b url(../images/step_1/step4_inactive.gif) no-repeat;
	float:left;
}
#orderinStep4_NotActived_4{
	position: relative;
	width: 115px; 
	height: 112px;
	background: #e25b2b url(../images/step_4/step4_inactive.gif) no-repeat;
	float:left;
}

/********************************************************************************************/
#orderinStep1_Actived img{
	position: absolute;
	top: 0px; 
	left: 0px;
}
/********************************************************************************************/
#orderinStep1_NotActived img{
	position: relative;
	top: 0px; 
	left: 0px;
}
/********************************************************************************************/
#orderinStep2_NotActived img{
	position: absolute;
	top: 9px; 
	left: 9px;
}
/**************/
#orderinStep3_NotActived img{
	position: absolute;
	top: 8px; 
	left: 9px;
}
/**************/


#orderinStep4_NotActived img{
	position: absolute;
	top: 8px; 
	left: 9px;
}

#ordenar{
	vertical-align:middle;
	position: absolute;
	background:#f97d42 url(../images/later.gif) no-repeat;
	top:0px;
	left:150px;
	width: 272px;
	height: 40px;
}

#registerForm {
	position:absolute;
	width: 233px;
	height:138px;
	top: 40px;
	left: 58px;
	background:#fccca6 url(../images/registrados.gif) top no-repeat;
}

#registerFormFull {
	top:40px;
	left:58px;
	position:absolute;
	width: 455px;
	background:#EBBEA1 url(../images/bg_registerForm_top_full.gif) top no-repeat;	
}

#postalForm {
	position:absolute;
	width: 222px;
	height:138px;
	top:40px;
	left:290px;
	background:#D37F48 url(../images/noregistrados.gif) top no-repeat;
}

#divButtonGo {
	margin:10px 0px; 
	width:180px; 
	height:100px;
	text-align:center
}
#divButtonGo img {
	margin-top: 5px;
	z-index:2;
}

/*added by jason */
#registerGo {
	position:absolute;
	background:#fbb076;	 
	width:331px; 
	height:86px;
	/*float: 600px;*/
	top:250px;
	left: 120px;
}

#inscribase {
	position:absolute;
	background:#fbb076;	 
	width:331px; 
	height:86px;
	/*float: 600px;*/
	top:250px;
	left: 120px;
}

#marginBottom {
	position: relative;
	background: url(../images/step_1/step1_tab_bottom.gif) no-repeat;
	left:0px;
	top:0px;
	height:23px;
	width:647px;
	clear:both;
}
#face {
	position:absolute;
	background:#fa9e55 url(../images/face.gif) no-repeat;
	width:100px;
	height:92px;
	left:662px;
	top: 145px;
	z-index:50;
}

#welcome_box {
	position:absolute;
	left:560px;
	top:250px;
	width:340px;
	text-align:center;
	height:29px;
	padding:0;
	z-index:1;
}
.txt_5E2601_16{
	font-size:16px;
	color:#5E2601;
	font-weight: bold;
}

.txt_B92213_16{
	font-size:16px;
	color:#B92213;
	font-weight: bold;
}

.txt_step_title{
font-size:24px;
color:#810000;
font-family:Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

#where {
background:#d16034;
width:600px;
height:auto;
position:relative;
}

#where_un {
background:#d16034;
width:600px;
position:relative;
}


#where_unregister {
background:#d16034;
width:600px;
height:60px;
position:relative;
}



#where_top {
position:relative;
width:600px;
height:35px;
}

#where_top_left {
background:#d16034 url(../images/step_1/where_top_left.gif) no-repeat left top;
height:30px;
width:20px;
float:left;
}

#where_top_content {
background:#d16034;
height:30px;
width:555px;
float:left;
text-align:left;
font-family:Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
padding-left:5px;
color:#f7a889;
line-height:35px;
vertical-align:bottom;
}

#where_top_right {
background:#d16034 url(../images/step_1/where_top_right.gif) no-repeat right top;
height:30px;
width:20px;
float:left;
}

#where_middle {
background:#d16034;
position:relative;
width:auto;
height:auto;
}

#where_un_middle {
background:#d16034;
position:relative;
width:auto;
height:auto;
}

#where_bottom {
position:relative;
width:600px;
height:17px;
}

#where_bottom_left {
background:url(../images/step_1/where_bottom_left.gif) no-repeat left;
width:20px;
height:17px;
float:left;
}

#where_bottom_content {
background:#d16034;
height:17px;
width:560px;
float:left;
}

#where_bottom_right {
background:url(../images/step_1/where_bottom_right.gif) no-repeat right;
width:20px;
height:17px;
float:left;
}

#where_myhome {
width:193px;
}

#where_myhome_top {
background:url(../images/step_1/where_myhome_top.jpg) no-repeat;
width:193px;
height:51px;
line-height:50px;
vertical-align:bottom;
font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#992500;
}

#where_myhome_middle {
background:url(../images/step_1/pixel_where_myhome.gif) repeat-y right;
font-family:Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#f8c78f;
width:165px;
min-height:60px;
height:auto;
padding-left:26px;
padding-right:2px;
}

#where_myhome_bottom {
background:url(../images/step_1/where_myhome_bottom.gif) no-repeat right top;
width:193px;
height:9px;
}

#where_work {
width:189px;
height:auto;
min-height:60px;
}

#where_work_top {
background:url(../images/step_1/where_work_top.jpg) no-repeat;
width:189px;
height:51px;
line-height:50px;
vertical-align:bottom;
font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#992500;
}

#where_work_middle {
background:url(../images/step_1/pixel_where_work.gif) repeat-y right;
width:165px;
font-family:Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#f8c78f;
height:auto;
padding-left:22px;
padding-right:2px;
min-height:60px;
}

#where_work_bottom {
background:url(../images/step_1/where_myhome_bottom.gif) no-repeat right top;
width:189px;
height:9px;
}

#where_other {
width:190px;
height:60px;
}

#where_other_top {
background:url(../images/step_1/where_other_top.jpg) no-repeat;
width:190px;
height:51px;
line-height:50px;
vertical-align:bottom;
font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#992500;
}

#where_other_middle {
background:url(../images/step_1/pixel_where_other.gif) repeat-y right;
width:164px;
font-family:Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#f8c78f;
height:auto;
min-height:60px;
padding-left:24px;
padding-right:2px;
}

#where_other_bottom {
background:url(../images/step_1/where_other_bottom.gif) no-repeat right top;
width:190px;
height:6px;
}

#main {
	width:800px;
	height:100%;
	float:left;
	/*changed color*/
	background-color:#EED5AC;
}

#step1_order_bottom {
width:490px;
height:auto;
position:relative;
margin-top:10px;
}
#when {
width:322px;
position:relative;
background:#c33716;
float:left;
}

#when_top {
background:#c33716 url(../images/step_1/when_top.gif) no-repeat;
width:297px;
height:35px;
padding-left:25px;
font-family:Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
vertical-align:bottom;
line-height:35px;
color:#f7a889;
}

#when_middle {
background:#c33716;
width:322px;
height:98px;
font-family:Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
position:relative;
}

#when_bottom {
background:url(../images/step_1/when_bottom.gif) no-repeat bottom;
width:322px;
height:11px;
}

#go_order {
background:#d64d07;
width:156px;
position:relative;
float:right;
}

#go_order_top {
background:url(../images/step_1/go_order_top.gif) no-repeat;
width:156px;
height:17px;
}

#go_order_middle {
background:#d44e07;
width:156px;
height:111px;
font-family:Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:28px;
vertical-align: bottom;
}

#go_order_bottom {
background:url(../images/step_1/go_order_bottom.gif) no-repeat;
width:156px;
height:17px;
}

#show_time_left {
background:url(../images/step_1/show_time_left.gif) no-repeat;
width:6px;
height:26px;
float:left;
position:relative;
top:6px;
left:20px;
}

#show_time_middle {
background:url(../images/step_1/pixel_show_time.gif) repeat-x;
width:270px;
height:26px;
position:relative;
top:6px;
left:20px;
float:left;
font-family:Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#fdd2bf;
vertical-align:middle;
line-height:26px;
}

#show_time_right {
background:url(../images/step_1/show_time_right.gif) no-repeat;
width:9px;
height:26px;
float:left;
position:relative;
top:6px;
left:20px;
}

#where_unregister_top {
background:url(../images/step_1/where_unregister_top.jpg) no-repeat;
width:416px;
height:53px;
text-align:left;
line-height:50px;
vertical-align:middle;
}

#where_unregister_top input {
border:1px;
border-style:solid;
border-color:#832500;
width:150px;
height:15px;
vertical-align:middle;
font-size:11px;
padding-left: 3px;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}


#where_unregister_top table {
left:60px;
position:relative;
font-size:12px;
}


#where_unregister_middle {
background:url(../images/step_1/pixel_where_ungister.gif) repeat-y;
width:416px;
height:auto;
}

#where_unregister_middle input {
border:1px;
border-style:solid;
border-color:#832500;
width:150px;
height:15px;
vertical-align:middle;
font-size:11px;
padding-left: 3px;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

#where_unregister_middle td {
height:22px;
vertical-align:middle;
font-size:12px;
}

#where_unregister_bottom {
background:url(../images/step_1/where_unregister_bottom.gif) no-repeat;
width:416px;
height:8px;
}

#delivery_time {
text-align:left;
position:relative;
left:120px;
font-weight:normal;
}

#add_edit {
position:relative;
top:2px;
}

#edit_myhome {
position:absolute;
top:-8px;
left:143px;
}

#edit_work {
position:absolute;
top:-8px;
left:334px;
}
#edit_company {
position:absolute;
top:-8px;
left:333px;
}

#contenedor_unregister{
	position:relative;
	top:0px;
	left:0px;
	width: 647px;
	height:275px;
	background:#fbb076;
}

#contenedor{
	position:relative;
	top:0px;
	left:0px;
	width: 647px;
	height:auto;
	background:#fbb076;
}