@import 'grid.css'; /* 1kb grid */
@import 'lib/forms.css';

ul { margin: 0; padding: 0; }
ul li { list-style: none; margin: 0; padding: 0; }

body { 
	font-size: 75%; 
  color: #222; 
  font-family: Helvetica, Arial, Verdana, sans-serif; 
	background: url(../images/stripe.png);
	margin: 9px 9px;
	padding: 0;
}

a { color: #0f928c; text-decoration: none; font-weight: bold;}
a:hover { text-decoration: underline;}
/*a.delete { display:none; }
a.delete img { border:none; }*/

.row {  padding: 18px 0; }

.content_row .column { background: #fff; }

.section, .last_section { margin: 0; padding: 9px 10px 9px 0; float: right; width: 290px;}
.section	{  border-bottom: 2px solid #eee; }
.section a, .last_section a { color: #0f928c; text-decoration: none; font-weight: bold;}
.section a:hover, .last_section a:hover { text-decoration: underline;}

.store_info { width: 290px; float: right; margin-bottom: 9px;}
.store_info td { text-align: right; font-size: 1.20em; padding: 0; margin: 0;}
.store_info td.label { font-weight: bold; }
.store_info .phone .number { font-size: 2.0em; font-family: Tahoma;}
.store_info .phone td { padding-bottom: 9px;}
.more_delivery { float: left; width: 290px; text-align: right;}

.follow { text-align: right; }
.follow span { font-weight: bold; padding-right: 3px;}
.follow a img { vertical-align: middle;}

.logo { float: right; }
.logo img { border: none;}
.logo .tagline { font-size: 1.40em; font-weight: bold; text-transform:uppercase; margin-top: 9px; }
.logo .address { margin-top: 3px; }

.navigation { float: right; }
.navigation li { font-size: 1.90em; text-align: right; width: 100%; float: left;}
.navigation li.last { margin-bottom: 0; }
.navigation li a { color: #333; text-decoration: none; padding: 6px 0; float: right; width: 200px;}
.navigation li a:hover { background: #efefef;}

.information { float: left ; }
.informational li { float: left; margin-left: 10px;}
.informational li a { color: #333;  text-decoration: none; }

.cart { width: 290px; float: right; }

.cart h2 {
	font-size: 1.1em;
	text-transform: uppercase;
	text-align: right;
	color: #333;
/*	font-weight: normal;*/
	letter-spacing: 1px;
	margin: 0;
	padding: 0 0 9px 0;
}
.cart table { float: right;  width: 100%; }
.cart table td { text-align: right; font-size: 1.1em;}
.cart form { float: right; width: 100%;}
/*.cart .checkout { margin-top: 9px; float: right; }*/
.cart table tr.total { font-weight: bold; }
.cart .action { float: right; margin-top: 9px;}

.fullcart { width: 600px; margin: 18px 0; padding: 0 10px; font-size: 1.4em; }
fieldset .fullcart { width: 550px ;}
.fullcart th { text-align: left; }
.fullcart td { padding: 3px; }
.fullcart .delete img { width: 13px; }
.fullcart .total { font-weight: bold; }
.fullcart .total td { border-bottom: 2px solid #aaa;  }
.fullcart tr.addons { font-size: 0.8em; }
.fullcart tr.addons .first { padding-left: 20px;}
.fullcart tr.addons a { font-weight: normal;}
.fullcart tr.blank td { padding: 0; margin: 0; font-size: 0.2em; border-bottom: 2px solid #aaa;}
.fullcart tr.deal td { color: #0f928c; font-size: 0.9em; }

.fullcart thead th { padding: 0 6px; text-align: center;}
.fullcart tr.product_type { background: #aaa; padding: 3px 0; font-weight: bold; }
.fullcart tr.product_type td { border-top: 2px solid #333; }

.fullcart .odd td { background: #efefef; }
.cart_actions { text-align: right; width: 600px; padding: 0 10px; }

form.checkout { padding-left: 10px; }
form.checkout fieldset { border: 1px solid #eee; margin-top: 18px;}
form.checkout fieldset legend { font-weight: bold; font-size: 1.3em; color: #333;} 
form.checkout button { margin-top: 18px;}
form.checkout div.promo { text-align: right; padding-right: 10px; width: 550px; padding-top: 18px;}
form.checkout div.promo input[type=text] { width: 100px;}
form.checkout div.wrapper { padding-left: 10px; font-size: 1.2em;}
form.checkout div.wrapper p { line-height: 1.0em;}      

.delivering_to { margin-left: 13px; font-size: 1.30em; }
.delivering_to .name { font-weight: bold;}

dl dd.sub { padding: 0;}

div.free_toppings { font-size: 1.3em; padding-left: 15px; margin-top: 18px; font-weight: bold;}

form.addons { padding-left: 10px; margin-top: 18px;}
form.addons label { font-weight: bold; display: block; }
form.addons select { margin-bottom: 18px;}
form.addons input[type='submit'] { display:block; margin-bottom: 18px; }

.content { padding: 9px 0;}
.content h2 { margin: 0; padding-left: 13px; font-weight: normal; color: #333; font-size: 2.1em; font-family: Tahoma; }
.content h3 { padding-left: 13px;}
.content .text { padding: 0 13px; font-size: 1.20em;}


.products { list-style: none; margin: 0; padding: 0; float: left; }
.products li { float: left; width: 180px; display: block; height: 300px; padding: 5px 0px; margin: 9px 5px; }
.products li .name { font-weight: bold; font-size: 1.2em; }
.products li .description { font-size: 0.9em; margin-bottom: 3px;}
.products li form { margin-top: 3px; text-align: center;}

.deals { padding: 18px 0 0 15px; margin: 0; font-size: 1.40em; }
.deals li { margin-bottom: 9px; }
em.customize_deals { display: block; padding: 18px 0 0 15px; font-size: 1.10em; }

form input[type='submit'] { cursor: pointer;}

input[type='text'].quantity {
	width: 25px;
	border: 1px solid #ddd;
	font-size: 1.0em;
	padding: 2px;
}
input[type='text'].tip {
  width: 50px;
}

.toppings { width: 600px; padding: 0 10px; margin-top: 18px; }
.toppings li { font-size: 1.20em; margin-bottom: 9px; }
.toppings li form, .toppings li form div { display:inline; }

div.actions { width: 600px; padding: 0 10px; font-size: 1.2em; }

.footer { width: 300px; margin: 0 auto; padding: 18px 0 0 0; text-align: center; background: url(../images/stripe.png); float: left;}
.footer .copyright { font-weight: bold;}