/* overrides */
body {
	color:#222;
	font-size:62.5%;
	margin:0;
	text-align:left;
}
h2 {
	color:#222;
	font-size:3em;
}
h4 {font-size:1.4em;}
p {
	font-size:1.2em;
	color:#777;
	margin: 0 0 1.25em 0;
	line-height: 1.4em;
}
li {
	font-size:1.2em;
	color:#777;
}

a:link, a:visited { 
	color:#00B154;
	text-decoration:none;
}
a:hover, a:active {
	text-decoration:underline;
}

.grey a:link, .grey a:visited {
	color:#AAA;
	text-decoration:none;
}
.grey a:hover, .grey a:active {
	color:#00B154;
	text-decoration:none;
}


/* ##### HEADER ##### */
div.header {
	position:relative;
	height:110px;
	padding-bottom:20px;
	border-bottom: 1px solid #CCC;
}
body.cms-home div.header { border:0; }  /* HEADER NEED A BORDER-BOTTOM EVERYWHERE EXCEPT HOME */
h1 {
	width:220px; height:100px;
	margin:0 0 0 10px;
	padding:20px 0 0 0;
}
h1 a {text-indent:-9999em;}
h1 a:link, h1 a:visited {
	display:block;
	margin: 0; padding:0;
	width:220px; height:100px;
	background: url(../images/italia/love_from_italia.jpg) 0 0 transparent no-repeat scroll;
}

p.headerNews {
	position:absolute;
	top:80px; right:10px;
}
p.headerNews a span {color:#CCC; font-style:italic;}


/* cart links */
div.header ul.links {
	position:absolute;
	top:5px; right:12px;
	text-align:right;
	margin:0;
}
div.header ul.links li {
	display:inline;
	list-style-type:none;
	padding: 0 0 0 10px;
}


/* nav */
ul#nav {
	width:460px; height:16px;
	background:url(../images/italia/nav.jpg);
	margin:0; padding:0;
	position:absolute;
	bottom:10px; right:10px;
}
ul#nav li {
	margin:0; padding:0;
	list-style-type:none;
	position:absolute;
	top:0;
}
ul#nav li, ul#nav a {
	height:16px; 
	display:block;
	text-indent:-9999em;
}
li#products				{left:0; width:136px;}
li#products a:hover		{background: transparent url(../images/italia/nav.jpg) 0 -16px no-repeat;}
li#blog					{left:168px; width:45px;}
li#blog a:hover			{background: transparent url(../images/italia/nav.jpg) -168px -16px no-repeat;}
li#about				{left:240px; width:88px;}
li#about a:hover		{background: transparent url(../images/italia/nav.jpg) -240px -16px no-repeat;}
li#contact				{left:355px; width:105px;}
li#contact a:hover		{background: transparent url(../images/italia/nav.jpg) -355px -16px no-repeat;}

ul#nav a:focus {outline:0;}


/* homeMain */

div.home_randomdiv {display:none;}

div.randomDivWrap {
	width:550px;
	overflow:hidden;
}

div.homeMain {
	height:270px;
	
}
div.homeMain div {
	height:270px;
}
div.homeMain a {
	display:inline-block;
}
a.feature {height:270px;}
a.feature:link, a.feature:visited {
	color:#777;
	font-size:1.2em;
}
a.feature:hover, a.feature:active {text-decoration:none;}
a.feature:link span#header, a.feature:visited span#header {
	/* WILL BE REPLACED VIA CUFON */
	font-family:Georgia;
	font-style:italic;
	font-size:2.6em;
	color:#000;
	display:block;
	line-height:1em;
}
a.feature:hover span#header, a.feature:active span#header {color:#00B154;text-decoration:none;}
a.feature:link span#link, a.feature:visited span#link {color:#00B154;}
a.feature:hover span#link, a.feature:active span#link {}

/* SPECIAL FORMATTING FOR EACH LINK ---  SHOULD CONSIDER PUTTING THIS INLINE */
a.olive_oil {height:210px; background:url(../images/italia/feature_olive_oil.jpg) 0 0 no-repeat; padding: 60px 70px 0 355px;}
a.pepper_jelly {height:190px; background:url(../images/italia/feature_pepper_jelly.jpg) 0 0 no-repeat; padding: 80px 70px 0 330px;}
a.truffle_honey {height:220px; background:url(../images/italia/feature_truffle_honey.jpg) 0 0 no-repeat; padding: 50px 70px 0 355px;}

/* breadcrumbs */
.breadcrumbs ul { margin:5px 0 5px 10px; }
.breadcrumbs li { display:inline; color:#999; }
.breadcrumbs span.here {color:#666666;}

/* category pages */
div.category_item {
	margin-bottom:11px;
	height:167px; 
}
div.category_item div {
	border:1px solid #CCC;
	padding: 10px;
}
div.category_item div.clear {border:0 !important; height:1px; padding:0; margin:0;}
h2.category_title {
	font-size:3em;
	margin: 0 0 10px 10px;
}
h3.product_name {font-size:1.5em; margin: 12px 0 3px 0;}
h3.product_name a:link, h3.product_name a:visited {color:#111;}
h3.product_name a:hover, h3.product_name a:active {color:#00B154; text-decoration:none;}
div.category_item img {
	float:left;
	margin: 0 9px 0 0;
}
div.category_item p {
	margin:0;
	line-height:1.4em;
}

/* product page */
.product_view {margin:0 0 2.5em 0;}
.product_view h2 {margin:0 0 .25em 0;}
.product_view img#product {margin:25px 0 0 0;}
.product_view p { margin: 0 0 1em 0; color:#888; line-height:1.5em; }
a.add_to_basket {
	display:block;
	width:213px; height:52px;
	background:url(../images/italia/btn_add_to_basket.jpg) 0 0 no-repeat;
	text-indent:-9999em;
}


button.add_to_basket {
	width:213px; 
	height:52px;
	background:url(../images/italia/btn_add_to_basket.jpg) 0 0 no-repeat;
	text-indent:-9999em;
}

.price-box {font-size:1.2em; margin: 0 0 1.5em 0;}
span.price {color:#666666; font-weight:bold;}
div.link_to_cat {
	float:right; 
	text-align:right;
	margin: 5px 10px 5px 0;
	}
body.catalog-product-view div.breadcrumbs {float:left;}
div#product_description span {font-weight:bold; color:#666666;}
p.sold_out {
	color:#990000;
	font-style:italic;
	background-color:#DDD;
	padding:9px 5px;
	text-align:center;
	}

/* footer */
div.footer h4 {
	background-image:url(../images/italia/txt_footer_headlines.jpg);
	height:11px;
	text-indent:-9999em;
	font-size:1px;
	margin: 10px 0;
}
div.footer p {margin: 0 0 .5em 0;}
div.footer div.about h4  {background-position: center 0; background-repeat:no-repeat;}
div.footer div.recipe h4  {background-position: center -11px ; background-repeat:no-repeat;}
div.footer div.newsletter h4  {background-position: center -22px ; background-repeat:no-repeat;}

div.footer div.about, div.footer div.recipe, div.footer div.newsletter {
	margin-top:10px;
	background:url(../images/italia/bg_footer_blocks.jpg) 0 0 transparent no-repeat scroll;
}
div.footer div div {
	padding:10px 12px;
}


/* two columns */
div.span-9>div {padding:0 0 0 9px;}
div.span-3>div {padding:0 9px 0 0;}

/* cart */
div.cart {padding:15px 9px;}
#shopping-cart-table {font-size:1.4em;}
#shopping-cart-table thead {border-bottom: 2px solid #CCC;}
#shopping-cart-table th {color:#777;}
#shopping-cart-table th, #shopping-cart-table td {border:0;}
#shopping-cart-table tr {border-bottom:1px solid #CCC !important;}
#shopping-cart-table td {vertical-align:middle;}
#shopping-cart-table a.product-name {font-size:1.2143em; display:block; margin: 0 0 0 10px;}
#shopping-cart-table img {padding: 0 0 0 10px;}
div.totals {width:100%; font-size:1.4em;}
.cart div.totals table td, .cart div.totals table td {padding:2px 5px 2px 2px;}
div.totals div.math {margin: 0 0 10px 0;}
button.left {float:left;}
button.update-cart {
	background:none;
	text-align:center;
	padding:0;
	color:#00B154;
}
a.continue-shopping {
	display:block;
	text-indent:-9999em;
	width:264px; height:44px;
	background:url(../images/italia/btn_continue_shopping.jpg) 0 0 no-repeat transparent;
}
a.checkout {
	display:block;
	text-align:left;
	text-indent:-9999em;
	width:159px; height:44px;
	background:url(../images/italia/btn_checkout.jpg) 0 0 no-repeat transparent;
}
input.qty {font-size:1em; text-align:center;}
tr.tax-details td {background-color:#FFFFCC; border-bottom:1px solid #CCC;}

p.item-msg {margin: 0 0 0 10px;}

/* checkout */
#checkoutSteps p {margin: 0 0 .25em 0;}


#checkoutSteps h3 {font-size:1.4em;}
#checkoutSteps li {font-size:1em;}

#checkoutSteps div.step-title {
	padding: 3px 5px 3px 8px;
	}

#checkoutSteps li.allow div.step-title { background-color:#CCC;}
#checkoutSteps li.allow div.step-title h3 { color:#888;}

#checkoutSteps li.active div.step-title { background-color:#FFF;}
#checkoutSteps li.active div.step-title h3 { color:#555;}

span.number {color:#CCC;}

body.checkout-onepage-index h2 {margin: 10px 0 0 10px;}
body.contacts-index-index h2 {margin:10px 0 0 0;}

body.checkout-onepage-index div.span-8>div {padding:0 0 0 9px;}
body.checkout-onepage-index div.span-4>div {padding:0 9px 0 0;}
body.checkout-onepage-index div.footer div.span-4>div {padding:10px 12px;}

.block-progress {color:#555;}
.block-title {border:0;}
.block-title h3 {margin:0 0 .5em 10px;}
.block-progress dt {font-size:1.3em; color:#BBB; padding: 0 0 0 10px;}
.block-progress dt.complete {
	color:#555555;
	font-size:1.3em;
	padding:5px 10px 0px 10px;
	background-color:#FFFFEE;
}
.block-progress dd.complete {
	font-size:1.1em;
	padding:0px 10px 8px 10px ;
	margin:0 0 8px 0;
	background-color:#FFFFEE;
}

button.button span {
	color:#00B154;
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:1px;
	font-family:Verdana;
}


/* messages */
ul.messages {margin:.5em 0;}
.messages li {
	text-align:center;
	margin:0;
	}
.messages li li {margin:3px 0; padding: 8px;}
li.success-msg {
	background-color:#DDD;
	padding: 5px 0;
}

/* ABOUT */

div.about_page {padding: 15px 10px 0 10px;}
div.about_page h2 {margin: 0 0 .25em 0;}
div.about_page p {
	line-height:1.8em;
	font-size:1.4em;
	}

/* message page - 404, empty cart, etc. */
div.message_page {
	padding: 100px;
	text-align:center;
}


/* blog */
div.postTitle {border:0;}
div.postTitle h2 {
	font-size:3em;
}
div.postTitle h3 {font-size:1.2em; color:#AAA;}
p.share {text-align:right;}
a.share_facebook {
	display:inline-block;
	width:124px; height:37px;
	margin: 0 10px 0 0;
	background:url(../images/btn_share_facebook.jpg) 0 0 no-repeat;
	text-align:left;
	text-indent:-9999em;
}
a.share_twitter {
	display:inline-block;
	width:124px; height:37px;
	background:url(../images/btn_share_twitter.jpg) 0 0 no-repeat;
	text-align:left;
	text-indent:-9999em;
}
div#blog_links h2 {
	color:#777;
	margin: 0 0 .25em 0;
	}
div#blog_links h3 {
	margin: 0 0 .25em 0;
	padding: 0 0 .25em 0;
	border-bottom: 1px solid #DDD;
	color:#777;
}
div#blog_links dl {
	font-size:1.2em;
	margin: 0 0 1.5em 0;
	color:#777;
}
div#blog_links dd {
	margin: 0 0 .5em 0;
}

/* general forms */
ul.form-list {
	list-style-type:none;
}
input, textarea {border:1px solid #BBB; padding:1px;}
input.button {border:0;}
input:focus, textarea:focus {border: 1px solid #555;}

/* newsletter sign-up form */

form#newsletter ul {
	list-style-type:none;
	margin:0; padding:0;
	width:100%;
}
form#newsletter li {
	width: 100% !important;
	clear:both;
	display:block;
	margin:0; padding:0;
}
form#newsletter span {
	float:left;
	margin: 0 0 5px 0; padding:0;
}
form#newsletter span#fname {width:100px; padding: 0 12px 0 0;}
form#newsletter span#fname input {width:100px;}
form#newsletter span#lname, form#newsletter span#lname input {width:128px;}
form#newsletter input#email {
	width:241px;
	margin:0;
	}
form#newsletter label {
	color:#999;
	font-weight:normal;
}
form#newsletter li#button {text-align:right;}