/***************************************************** 

	Project: Quail Shop
	Design and Code by Humongous One
	Prepared by Scott Arnold
	Last Updated: 02.23.10


	Table Of Contents:
	01. Universal
	02. Navigation
	03. Home
	04. Grid View
	05. Single Item
	
/***************************************************** 
	01. Universal
*****************************************************/

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 62.5%;
	line-height: 150%;
	background: #fff;
	text-align: center;
	color: #000;
	border-top: 3px solid #000;
}

#wrapper {
	margin: 0 auto;
	width: 960px;
}

/* links */

a:link, a:visited {
	text-decoration: none;
}

a:hover {
	color: #a0351f;
}

ul li {
	list-style-type: none;
}

#footer {
	border-top: 3px solid #000;
	margin: 30px auto 0;
}

#footer ul {margin: 4px 0 10px; text-align: center; display: inline-block;}
#footer ul li {
	color: #4B4B4B;
	float: left;
	margin: 10px 8px;
}

#footer ul li a:link, #footer ul li a:visited {color: #4B4B4B;}
#footer ul li a:hover {text-decoration: underline;}

/***************************************************** 
	02. Navigation
*****************************************************/

#header {
	height: 142px;
	border-bottom: 3px solid #000;
}

#logo {
	width: 337px;
	height: 50px;
	display: block;
	text-indent: -9999px;
	background-image: url(/_images/quail_shop_logo.jpg);
	margin: 35px 0 10px 0;
	float: left;
}

#admin-nav {
	font-weight: bold;
	float: right;
	display: inline;
	margin-top: 40px;
}

#admin-nav ul li {
	float: left;
	margin: 0 9px 0;
	color: #aaa;
}

#admin-nav ul li a:link, #admin-nav ul li a:visited {
	color: #aaa;
}

#admin-nav ul li a:hover {
	text-decoration: underline;
}

#collection-nav {
	font-weight: bold;
	font-size: 1.2em;
	float: left;
	margin: 20px 0 0 -4px;
}

#collection-nav ul li {
	float: left;
	margin: 0 10px 0;
}

#collection-nav ul li a:link, #collection-nav ul li a:visited {
	color: #000;
}

#collection-nav ul li a:hover {
	text-decoration: underline;
}

#collection-nav ul li.collection-season a:link, #collection-nav ul li.collection-season a:visited {color: #000;} 
#collection-nav ul li.collection-type a:link, #collection-nav ul li.collection-type a:visited {color: #000;}
#collection-nav ul li.collection-type a:link, #collection-nav ul li.collection-type a:visited {color: #000;}
#collection-nav ul li.collection-all a:link, #collection-nav ul li.collection-all a:visited {color: #000;}
#collection-nav ul li.collection-sale a:link, #collection-nav ul li.collection-sale a:visited {color: #000;}

#shopping-cart {
	font-weight: bold;
	font-size: 1.2em;
	float: right;
	margin: 20px 10px 0 0;
}

#shopping-cart ul li {list-style-image: url(/_images/shopping_cart.jpg);}
#shopping-cart ul li a:link, #shopping-cart ul li a:visited {color: #000;}
#shopping-cart ul li a:hover {text-decoration: underline;}

/***************************************************** 
	03. Home
*****************************************************/

#main-image {margin: 10px 0; border-bottom: 3px solid #000; padding: 0 0 7px 0;}

#featured-title {
	margin: 10px 0 5px 0;
	display: inline-block;
	font-size: 1.0em;
	color: #fff;
	background: #D4D4D4;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 3px;
	word-spacing: 3px;
	padding: 3px 9px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px
}

#featured-items {
	overflow: auto;
	padding: 0 0 15px 0;
} 

#featured-items:hover #featured-title {
	background: #A5A5A5;
}

/***************************************************** 
	04. Grid
*****************************************************/

#grid-wrapper {
	margin: 14px auto;
	overflow: auto;
}

.item {
	display: block;
	width: 168px;
	height: 200px;
	float: left;
	margin: 0 12px 20px;
}

.item a:link .price, .item a:visited .price {display: none;}
.item a:hover .price {background: #A5A5A5; color: #fff; font-size: 1.4em; letter-spacing: 1px;
 font-weight: bold; display: block; width: 168px; height: 92px; position: absolute; padding: 76px 0 0 0; opacity:0.7;}

.item a:link .item-name, .item a:visited .item-name {
	color: #4B4B4B;
	font-size: 1.2em;
	display: block;
	font-weight: bold;
	margin: 3px 0 0 3px	;
}

.item a:hover .item-name {
	text-decoration: underline;
}

.price del {font-size: 0.6em; font-weight: normal; display: block; padding: 9px;}
.sale {display: inline; color: #A51D24; font-size: 0.9em; text-transform: uppercase; margin: 0 3px 0 0;}

/***************************************************** 
	05. Single Item
*****************************************************/

#item-wrapper {
	width: 860px;
	margin: 14px auto 10px;
	overflow: auto;
}

#item-image {
	float: left;
	margin: 0 20px 0 0 ;
}

#item-info {
	text-align: left;
}

#item-wrapper h2 {
	font-size: 2.5em;
	margin: 30px 0 0 0;
}

#item-wrapper p {
	color: #575757;
	font-size: 1.1em;
	margin: 15px 0 0 0;
	line-height: 2.5em;
}

#item-thumbs {margin: 70px 0 35px; overflow: auto;}

#item-thumbs ul li {
	float: left;
	margin: 0 5px 0 0;
}

.details {
	display: block;
	color: #000;
	font-size: 1.0em;
	margin: 15px 0 0 0;
	line-height: 1.3em;
}

.details p {display: inline; line-height: 0.3em;}
#buy {
	text-align: center;
	margin: 0px 0 0 0;
	display: block;
	font-weight: bold;
	letter-spacing: 1px;
	word-spacing: 2px;
}

#buy a.foxycart_link {
	margin: 80px 0 0 0;
}

#buy a.foxycart_link:link, #buy a.foxycart_link:visited {
	margin: 80px 0 0 0;
	font-size: 1.5em;
	padding: 17px 30px;
	background: #aaa;
	color: #fff;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px
}

#buy a.foxycart_link:hover {
	background: #C9C9C9;
	color: #000;
}

.foxee_pricing_options {
	display: block;
	margin: 0 0 40px 0;
}

.info_wrapper {
	width: 550px;
	margin: 20px auto;
	text-align: left;
}

.info_wrapper p {
	margin: 0 0 10px 0;
}

.info_wrapper h3 {
	font-size: 1.3em;
	margin: 0 0 20px 0;
	display: block;
}

.info_wrapper a:link, .info_wrapper a:visited {
	text-decoration: underline;
	color: #000;
}

.info_wrapper a:hover {
	text-decoration: underline;
	color: #555;
}

/* Recommend Line */ 

#recommend {
	margin-top: 110px;
}

#rec_tagline {
	position: absolute;
	font-size: 1.8em;
	margin-top: 40px;
	margin-left: 40px;
	color: #777;
	letter-spacing: 0.2em;
}

#recommend ul {margin-left: 300px;}
#recommend ul li {float: left; margin-right: 50px;}

#customer_name {margin-top: 15px; font-size: 1.4em;}
.bridal_details {font-size: 1.3em; margin: 30px 0;}

/* Store Invoice Page */

table#store_invoice { width: 100%;}
table#store_invoice tr {background-color: #fff;  background-color: 5px; border-bottom: 1px solid #000;}
table#store_invoice td { vertical-align: middle; padding: 10px; }
table#store_invoice tr#header {font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; background-color: #000; text-transform: uppercase; height: 25px; color: #fff}
	
#invoice_header, #invoice_pay {height: 170px; margin-bottom: 25px; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size: 2.0em; line-height: 1.9em;}
#invoice_pay {float: right; width: 50%; text-align: right;}
#total_invoice {padding: 10px 15px; border: 1px solid #000; width: 210px; text-align: center; display: inline-block; margin-top: 10px;}
#invoice_header {width: 50%; float: left; text-align: left;}
#invoice_num {font-size: 0.6em; margin: 0; padding: 0;}
#invoice_store_address {font-size: 0.8em; line-height: 1.5em; margin-top: 10px;}
#pay_button {width: 210px; padding: 12px 16px; background-color: red; float: right; text-align: center; color: #fff;}
td.product_name_square {width: 40%;}
#invoice_pay input.minimal {
  background: #d7e5f5;
  border: 1px solid #abbbcc;
  -moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
  -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
  box-shadow: inset 0 0 1px 1px #f6f6f6;
  color: #333;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  padding: 15px 0 16px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  width: 242px;
}

#invoice_pay input.minimal:hover {
  background: #d9d9d9;
  -moz-box-shadow: inset 0 0 1px 1px #eaeaea;
  -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
  box-shadow: inset 0 0 1px 1px #eaeaea;
  color: #222;
  cursor: pointer;
}

#invoice_pay input.minimal:active {
  background: #d0d0d0;
  -moz-box-shadow: inset 0 0 1px 1px #e3e3e3;
  -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
  box-shadow: inset 0 0 1px 1px #e3e3e3;
  color: #000;
}

input[type="text"] {display:none;}