/* --------------------------------------------------------------------
                                                                      
  SweetCMS Drop-In Checkout Styles
              
  
      Table of Contents:
  
 -------------------------------------------------------------------- */
 













/* --------------------------------------------------------------------
    
  Cart                                                                 
  
 -------------------------------------------------------------------- */

	div#container form#update-cart {
			position: relative;
			clear: both;
			width: 100%;
			margin: 2em 0;
	} 
	
/*		div#container form#update-cart table.checkout {
				text-align: left;
				margin-bottom: 1.9em;
		}

			th {
					height: 3.7em;
					padding-top: 3px;
					font-weight: 800;
					border-top: 1px solid #888888;
					border-bottom: 1px solid #888888;
			}
	
			td {
					height: 3.1em;
					padding-top: 3px;
					border-bottom: 1px solid #cccccc;
			}
			
*/			
			
		div#container form#update-cart label {
				position: relative;
				float: left;
				clear: both;
				width: 50%;
				margin-right: 1em;
		}
	
		div#container form#update-cart select,
		div#container form#update-cart textarea {
				position: relative;
				float: left;
				clear: none;
				top: -0.5em;
				margin-bottom: 1em;
		}

		div#container form#update-cart button {
				position: relative;
				float: left;
				clear: both;
				left: 50%;
				margin-left: 1em;
		}
		
		div#container form#update-cart p {
				position: relative;
				clear: both;
				width: 49%;
				top: 0.5em;
				left: 50%;
				margin: 1em 0 1em 2em;
				font-size: 12px;
		}









/* --------------------------------------------------------------------
    
  Delivery                                                                 
  
 -------------------------------------------------------------------- */

	div#container form#delivery {
			position: relative;
			clear: both;
			width: 100%;
			margin: 2em 0;
			padding: 20px 0 10px;
			border-top: 1px solid #888888;
			border-bottom: 1px solid #888888;
	}
	
		div#container form#delivery legend {
				display: none;
		}

		div#container form#delivery label {
				position: relative;
				float: left;
				clear: both;
				width: 33%;
				margin-right: 1em;
				text-align: right;
		}
		
		div#container form#delivery input,
		div#container form#delivery select,
		div#container form#delivery textarea {
				position: relative;
				float: left;
				clear: none;
				top: -0.5em;
				margin-bottom: 1em;
		}

			div#container form#delivery input#postcode {
					width: 8em;
			}


		div#container form#delivery button {
				position: relative;
				float: left;
				clear: both;
				left: 33%;
				margin-left: 1em;
		}









/* --------------------------------------------------------------------
    
  Confirm                                                                 
  
 -------------------------------------------------------------------- */

	div#container form#confirm {
			position: relative;
			clear: both;
			width: 100%;
			margin: 2em 0;
	} 
	
		div#container form#confirm h2 {
				position: relative;
				display: block;
				margin: 2em 0 0;
		}
	
		div#container form#confirm span {
				position: relative;
				display: block;
				margin-left: 2em;
				line-height: 1.2;
				font-size: 13px;
				color: #343434;
		}
		
			div#container form#confirm span.name {
					margin-top: 2em;
					font-weight: 800;
			}
			
			div#container form#confirm span.email {
					color: #999999;
			}
	
		div#container form#confirm table {
				text-align: left;
				margin-bottom: 1.4em;
		}

			th {
					height: 3.7em;
					padding-top: 3px;
					font-weight: 800;
					border-top: 1px solid #888888;
					border-bottom: 1px solid #888888;
			}
	
			td {
					height: 3.7em;
					padding-top: 3px;
					border-bottom: 1px solid #cccccc;
			}

		div#container form#confirm #submit {
				position: relative;
				float: left;
				clear: both;
				left: 50%;
				margin-left: 1em;
		}