/* @charset "utf-8"; 
 CSS Document
  (To change the size of a section, make the Field_wrapper division be 50px bigger
         than the Background division)
 */

 
html, body {

}


.GuestCO_input1
{
    margin:10px;
    float:left;
    height:70px;
    width:210px;

    }
    
 .GuestCO_input1 h3{ 
    font-size:16px;
    text-align:left;
    margin:0px 0px 10px 10px;
  
  }
    

.inputText_style{ color:Black;}

.placeOrder1
{
    background-image:url(../images/placeorder_btn.png);
    /*background-image:url(../images/place_order.png);*/
    background-repeat:no-repeat;
    height:47px;/*height:30px;*/
    width:270px;/*width:168px;*/
    background-color:Transparent;
    margin:26px 0px 0px 0px;
    padding:0px;
             }


.Field_wrapper {
	width:459px;
	height:450px;
	float:left;
	padding-left:0px;
    margin-top:10px;
}

.Field_wrapper2 {
	width:459px;
	height:450px;
	float:left;
	padding-right:12px;
	margin-top:10px;
}

.Field_header {
	width:459px;
	height:39px;
	background-image:url(CF_fieldHeader.jpg);
	float:left;
}

.Field_title_format {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:7px;
	padding-left:10px;
	padding-bottom:14px;
	float:left;
}

.Field_background {
	width:459px;
	height:auto;
	background-image:url(field_bk.jpg);
	background-repeat:repeat-y;
	float:left;
}

.Field_background_sh {
	width:459px;
	height:auto;
	background-image:url(field_bk.jpg);
	background-repeat:repeat-y;
	float:left;
}


.Field_btm {
	background-image:url("curveBTM.jpg");
	width:459px;
	height:5px;
	float:left;
}

.Field_content {
	width:auto;
	height:auto;
	padding:10px;
}

/* Field Long----------------------------------------------------------------------------------------------------------- */

.Field_wrapper_long {
	width:932px;
	height:280px;
	float:left;
	padding-left:0px;	
}


.Field_wrapper_Payment {
	width:932px;
	height:220px;
	float:left;
	padding-left:0px;
	padding-bottom:10px;	
}

.ddwid
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px; 
    width:100px;
    height:22px; 
    margin-bottom:10px;
    background-color:Transparent;
    background-repeat:no-repeat;

}




/*Controls graphical height of field long SHIPPING*/
.Field_background_ShippingTrack {
	width:932px;
	height:200px;
	background-image:url(field_bk_long2.jpg);
	background-repeat:repeat-y;
	float:left;
	
}

/*Wrapper white space push down for SHIPPING*/
.Field_wrapper_shipping_tracking{
	width:932px;
	height:250px;
	float:left;
	padding-left:0px;	
}




/*ADFDFDSFSAD*/
.Field_background_ORDER{
	width:932px;
	height:300px;
	background-image:url(field_bk_long2.jpg);
	background-repeat:repeat-y;
	float:left;
	margin-top:10px;
	
}

/*White Space*/
.Field_wrapper_ORDER{
	width:932px;
	height:320px;
	float:left;
	padding-left:0px;
}


.Field_header_long {
	width:932px;
	height:auto;
	background-image:url(CF_fieldHeader_long.jpg);
	float:left;
}

.Field_title_format_long {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFE066;
	font-weight:bold;
	padding-top:7px;
	padding-left:10px;
	padding-bottom:14px;
	float:left;
}

.Field_title_format_long2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:7px;
	padding-left:10px;
	padding-bottom:14px;
	
}

.Field_background_long {
	width:932px;
	height:220px;
	background-image:url(field_bk_long.jpg);
	background-repeat:repeat-y;
	float:left;
	
}

.Field_btm_long {
	background-image:url(curveBTM_long.jpg);
	width:932px;
	height:5px;
	float:left;
}

.Field_content_long {
	width:auto;
	height:auto;
	padding:10px;
}

.Field_wrapper_Contact {
	width:932px;
	height:200px;
	float:left;
	padding-left:0px;	
}

.Field_background_Contact {
	width:932px;
	height:150px;
	background-image:url(field_bk_long2.jpg);
	background-repeat:repeat-y;
	float:left;
}

.Field_background_long2 {
	width:932px;
	height:180px;
	background-image:url(field_bk_long2.jpg);
	background-repeat:repeat-y;
	float:left;
}

.Field_wrapper_Additional2 {
	width:932px;
	height:150px;
	float:left;
	padding-left:0px;	
}

.Field_background_addtl {
	width:932px;
	height:100px;
	background-image:url(field_bk_long2.jpg);
	background-repeat:repeat-y;
	float:left;
}

.Field_wrapper_Shipping {
	width:932px;
	height:210px;
	float:left;
	padding-left:0px;	
}

.Field_background_Shipping {
	width:932px;
	height:160px;
	background-image:url(field_bk_long2.jpg);
	background-repeat:repeat-y;
	float:left;
}

.Field_btm_Shipping {
	background-image:url(curveBTM_long.jpg);
	width:932px;
	height:5px;
   float:left;
   padding-left:0px;
}

.ai_wrapper 
{
    height:60px;
    width:220px;
    float:left;
    font-family:Arial, Verdana, Sans-Serif;
    font-size:12-px;
    margin-top:20px;
    margin-left:5px;
    color:Black;
    font-size:12px;
}


/* Order Bottom Long----------------------------------------------------------------------------------------------------------- */

.Field_wrapper_Order {
	width:932px;
	height:400px;
	float:left;
	padding-left:0px;

}

.Field_header_Order {
	width:932px;
	height:60px;
	background-image:url(order.jpg);
	float:left;
}


.Field_title_format_Order {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:7px;
	padding-left:10px;
	padding-bottom:10px;
	float:left;
	width:932px;

}

.Field_Row {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	float:left;
	color:Black;
	margin-left:13px;
	
	

}

.Field_Row ul {
	display:inline; 

	 
	}
	
	.Field_Row ul li { 
	display:inline; text-decoration:none; 
	
	height:20px; margin:0px; float:left;
	 
	}

.Field_background_Order {
	width:932px;
	height:100px;
	background-image:url(field_bk_long_order.jpg);
	background-repeat:repeat-y;
	float:left;
}

.Field_btm_Order {
	background-image:url(curveBTM_long.jpg);
	width:932px;
	height:5px;
	float:left;
}

.Field_content_Order {
	width:auto;
	height:auto;
	padding:10px;
}

/*Liftgate Checkbox-----------------------------------------*/
#thing[type=checkbox] {
    display:none;
   }

#thing[type=checkbox] + label
   {
    height: 140px;
    width: 134px;
    display:inline-block;
    padding: 0 0 0 0px;
    background-image:url('../checkoutFormGraphics/1a.png');
    color:Gray;

   }
   
#thing[type=checkbox]:checked + label
    {
    height: 140px;
    width: 134px;
    display:inline-block;
    padding: 0 0 0 0px;
    background-image :url('../checkoutFormGraphics/1b.png');
    }
    
/*Inside Delivery Checkbox*/
#thing2[type=checkbox] {
    display:none;
   }

#thing2[type=checkbox] + label
   {
    height: 140px;
    width: 134px;
    display:inline-block;
    padding: 0 0 0 0px;
    background-image:url('../checkoutFormGraphics/2a.png');
   }
   
#thing2[type=checkbox]:checked + label
    {
    height: 140px;
    width: 134px;
    display:inline-block;
    padding: 0 0 0 0px;
    background-image :url('../checkoutFormGraphics/2b.png');
    }


/*Call Before Delivery Checkbox*/
#thing3[type=checkbox] {
    display:none;
   }

#thing3[type=checkbox] + label
   {
    height: 140px;
    width: 134px;
    display:inline-block;
    padding: 0 0 0 0px;
    background-image:url('../checkoutFormGraphics/3a.png');
   }
   
#thing3[type=checkbox]:checked + label
    {
    height: 140px;
    width: 134px;
    display:inline-block;
    padding: 0 0 0 0px;
    background-image :url('../checkoutFormGraphics/3b.png');
    }


/*Residential Delivery Checkbox*/
#thing4[type=checkbox] {
    display:none;
    visibility:hidden;
   }

#thing4[type=checkbox] + label
   {
    height: 140px;
    width: 134px;
    display:inline-block;
    padding: 0 0 0 0px;
    background-image:url('../checkoutFormGraphics/4a.png');
   }
   
#thing4[type=checkbox]:checked + label
    {
    height: 140px;
    width: 134px;
    display:inline-block;
    padding: 0 0 0 0px;
    background-image :url('../checkoutFormGraphics/4b.png');
    }


  #csstable {
    display: table;
    }

  #tblrow  {
    display: table-row;
    }

  #tblcell {
    display: table-cell;
 min-width: 80px;
    text-align: center;
     border-width: thin;
     border-color: Black;
     border-style: solid;
    }
    
.modalBackground
{
    /*  background-color: Yellow; */
}
 
.modalPopup
{
      background-color:#ffffc0;
      border-width:3px;
      border-style:solid;
      border-color:Gray;
      padding:5px;
      /*
      width: 150px;
      height:150px;*/
}

.labelvertical
{
	padding-top: 10px;
	text-align: center;
}