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


/* All Styles related to Forms and Form Tables
----------------------------------------------------------------------------------------------------
1- General Styling
2- Submit - Send - Buttons
3- News Letter Box
4- Log In Form
5- Custom Warning
6- Custom Motox - Step 4
7- Checkout Page Styles
8- Payment Info
9- Shipping options
10- Recipt page 
----------------------------------------------------------------------------------------------------*/


/* 1. General Styling
----------------------------------------------------------------------------------------------------*/

form { width:100%; position:relative; clear:both;}

form p { display:block; margin-bottom:0; }

form br { clear:both; }

form, label , input , textarea { padding:0; margin:0;  }

label {
	    width:12%;
		float:left;
		text-align: left;
		margin-right: 5%;
  		} 

input , textarea {   
	     width:78%;  
	     border:2px solid #E6E6E6; 
	     line-height:1.1em; 
	     float:right;  
         margin-bottom:1.2em; 
         padding:0.5em 0 0.5em 0; 
		 border:1px solid #ddd;  
		 font-size:1em; 
		 background:#E6E6E6; 
		}

label , input , textarea {  }

select { margin:auto auto auto 20px; }

input[type='checkbox'],input[type='radio'] {  
	border:none; 
	width:auto; 
	margin:auto auto auto 20px; 
	float:left; 
	background:none; 
	padding:3px;
	}

input#checkbox { background:none; border:none; }

textarea { height:10em; }

textarea { background-position:center 130%; }


  

/* 2. Submit - Send - Buttons
----------------------------------------------------------------------------------------------------*/
input[type='submit'],input.submit,button, a#checkout{
	width:138px; 
	min-height:35px;
	color:#FFF;
	background:no-repeat center center #00ACEC; 
	overflow:hidden;
    margin:0 auto; 
    padding:0;
    border:none;
    cursor:pointer; 
}

input#submit ,
input#order ,
button#order, 
input#send , 
input#checkout, a#checkout,
input#addtocart,
input#remove
{ 
	text-indent:-10000em;
    background-color:none;
}

input#order,button#order {   background-image:url(skin/order_button.gif);}
input#submit {               background-image:url(skin/submit_button.gif); }
input#addtocart {            background-image:url(skin/addtocart.gif); }
input#checkout, a#checkout { background-image:url(skin/checkout_button.gif); display:block; float:right; } 
input#remove {               background-image:url(skin/removeitem.gif); float:left;}

input#submit,
input#addtocart,
input#remove,
input#checkout, 
a#checkout 
{
	background-color:transparent; 
	/* background-color:none is invalid */
}



/* 3. News Letter Box
----------------------------------------------------------------------------------------------------*/
form.newsletter { 
	width:100%; 
	height:auto; 
	text-align:center; 
	padding:0; 
	margin:0;  
	}
form.newsletter input { 
	width:80%; 
	background:white; 
	border:none; 
	margin:0.5em auto 0.5em auto; 
	padding:0.5em; 
	float:none; 
	clear:both; 
	color:#808080; 
	font-size:15px; }

button { 
	text-align:center; 
	float:right; 
	margin:0.25em 0.7em 0 0; 
	padding:0.3em 0.8em 0.3em 0.8em; 
	background:#00ACEC; 
	border:none; 
	cursor:pointer; 
	font-size:18px; }

/* 4. Log In Form
----------------------------------------------------------------------------------------------------*/

form#LogIn label { width:150px; }
form#LogIn input[type='text'], 
form#LogIn input[type='password']
 { width:250px; }



/* 5. Custom Warning
----------------------------------------------------------------------------------------------------*/
.warning { color:red; }
#form1 #captcha { margin-left: 21%; }
#form1 #captcha label { float:none;  margin:0px; width:150px; line-height:1.5em; float:right; }
#form1 #captcha input { width:150px; float:right; clear:right; }
#form1 #captcha div.box  { width:200px; height:60px; background:#E6E6E6; display:inline-block; float:left; margin-right:0.5em; }


/* 6. Custom Motox - Step 4
----------------------------------------------------------------------------------------------------*/

#motox form#motox_form input[type='text'],
#motox form#motox_form select,
#motox form#motox_form textarea
{
	float:none;
	margin:0;
	width:100%;
}

#motox col.labels { width:40%; }
#motox col.details { width:60%; }



/* 7. Checkout Page Styles
----------------------------------------------------------------------------------------------------*/

body#checkout input[name='prev_step']{ float:left; }
body#checkout input[name='next_step']{ float:right; }

body#checkout h5 {display:inline-block; width:auto; }

body#checkout tbody { border:none; }

body#checkout table {
	border:0px solid #333; 
	display:inline-block;
	overflow:hidden;
	padding:0 5px 5px 0;
	margin:0 5px 5px 0;
	width:96%;
	 }
	
body#checkout #table1,body#checkout #table1 + table{
	width:100%;
	display:block;
	clear:both;
}

body#checkout table tbody { padding:0;margin:0;border:none;width:100%;display:block; }

body#checkout table td,
body#checkout table tr,
body#checkout table th 
{ border:none; background:none; margin:0; }

body#checkout table tbody tr td,
body#checkout table tr td
{
 
	border-collapse:collapse;
	text-align:left;
}

body#checkout table th { line-height:normal;  border-collapse:collapse; border:none; }
body#checkout table td input[type='radio']{
 	margin-top:1em;
    float:none;
}

body#checkout table tr td { border-bottom:1px solid #333;  }
body#checkout table tr:last-child td { border-bottom:none; } 

body#checkout #payment_info, 
body#checkout #cc_info,
body#checkout #shipping_options, 
body#checkout #coupon_options
{ 
	width:460px;
	float:left;
	margin:0;
	padding:0;
	display:inline-block;
	overflow:hidden;
}

/* 8. Payment info - Credit card
----------------------------------------------------------------------------------------------------*/
body#checkout #payment_info table {width:100%;}
body#checkout #payment_info tbody {width:100%;}
body#checkout #payment_info tbody tr { width:100%; }
body#checkout #payment_info table tr td,
body#checkout #payment_info table tr th{ border-right:1px solid #333; }
body#checkout #payment_info table tr td + td,
body#checkout #payment_info table tr th + th{ border-right:none; padding-right:1em; padding-left:1em; }


body#checkout #cc_info table tr td { border:none; }
body#checkout #cc_info select { text-align:right; margin:0 auto 0 auto;}
body#checkout #cc_info th { margin:0; border-right:1px solid #333; }
body#checkout #cc_info table td { padding-left:2em; vertical-align:middle; }
body#checkout #cc_info table td input { float:none; margin:0px; width:90%; }
body#checkout #cc_info table col + col { border-right:none; }

/* 9. Shipping options
----------------------------------------------------------------------------------------------------*/

body#checkout #shipping_options table td[align='right']{border-left:1px solid #333; }
body#checkout #shipping_options tbody > tr th { border-bottom:1px solid #333; }
body#checkout #shipping_options tr:last-child td { text-align:left; }
body#checkout #shipping_options{
	width:620px;
}

body#checkout #coupon_options{
	
	width:310px;
}
body#checkout #coupon_options table tr td { border:none; }


/* 10. Recipt page 
----------------------------------------------------------------------------------------------------*/
body#checkout #table1,
body#checkout #table2
{
	width:49%;
	display:inline-block;
	float:left;
}

body#checkout #table1 td,
body#checkout #table2 td,
body#checkout #table1 th,
body#checkout #table2 th
{ padding:1px; height:auto;}

body#checkout #table2,body#checkout #table2 + table
{
	float:right;
}
 
body#checkout pre { clear:both; }

body#checkout div.recipt { float:left; border:1px solid #333; padding:1em; }