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

Theme Name: Acquisto
Theme URI: http://www.press75.com/
Description: Designed by Jason Schuller
Version: 1.0.4
Author: Press75.com
Author URI: http://www.press75.com/

**********************************************************************************************

Designed and Built by Jason Schuller - theSevenFive.com

CSS, XHTML and Design Files are all Copyright 2007-2011 Circa75 Media, LLC

Be inspired, but please don't steal :)

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




/* Import Resets and Base Styles (DO NOT EDIT)
**********************************************************************************************/

@import url(reset.css);
@import url(base.css);




/* Universal Content Containers
**********************************************************************************************/

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

#main {
width: 960px;
float: left;
}




/* 

 Container
**********************************************************************************************/

header {
width: 960px;
float: left;
margin: 35px 0 10px 0;
}




/* Logo Styles
**********************************************************************************************/

#logo {
width: 190px;
height: 60px;
float: left;
padding: 0 10px 0 0;
}

a.logo {
background: #FE6500;
font-family: 'Raleway', arial, serif;
font-size: 30px;
color: #FFFFFF;
width: 190px;
height: 48px;
float: left;
padding: 22px 0 0 0;
text-align: center;

/* CSS3 Styles */
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

a.logo:hover {
background: #FFFFFF;
}

a.logo-image {
height: 52px;
padding: 0;
}




/* Navigation Menu
**********************************************************************************************/

#header-nav {
background: #2C2C2C url(nav-bg.png) top left no-repeat;
width: 760px;
height: 52px;
float: left;

/* CSS3 Styles */
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

#header-nav ul {
float: left;
}

#header-nav ul li {
width: 100px;
height: 52px;
float: left;
text-align: center;
color: #777777;
}

#header-nav ul li a {
width: 100%;
height: 43px;
display: block;
padding: 20px 0 0 0;
color: #CCCCCC;
}

#header-nav ul li a:hover {
color: #FFFFFF;
}

#header-nav ul ul {
position: absolute;
z-index: 100000;
background-color: #FFFFFF;
padding: 6px 10px 8px 10px;
width: 150px;
margin: 10px 0 0 0;
border-radius: 4px;
font-size: 11px;

/* CSS3 Styles */
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 0 3px #333;
-webkit-box-shadow: 0 0 3px #333;
box-shadow: 0 0 3px #333;
}

#header-nav ul ul ul {
margin: -19px 0 0 70px;
}

#header-nav ul ul li {
width: 100%;
height: 10px;
float: none;
margin: 0;
padding: 0;
text-align: left;
}

#header-nav ul ul li a {
color: #888888;
text-shadow: none;
height: 10px;
float: left;
padding: 2px 0 5px 0;
}

#header-nav ul ul li a:hover {
color: #666666;
}





/* Search Box
**********************************************************************************************/

#search-box {
background: #EEEEEE;
width: 250px;
height: 70px;
float: left;

/* CSS3 Styles */
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

input#s {
border: 1px solid #DFDFDF;
background: #FFFFFF;
width: 196px;
margin: 18px 0 0 18px;
padding: 8px;
color: #999999;

/* CSS3 Styles */
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3	px;
}

input#search-submit {
background: url(search.png) top left no-repeat;
border: none;
cursor: pointer;
width: 20px;
height: 20px;
position: absolute;
margin: 26px 0 0 -29px;
}

@-moz-document url-prefix() {

/* Just for Firefox */
input#search-submit {
margin: 26px 0 0 -25px;
}
}




/* Announcement, Breadcrumbs, Shopping Cart
**********************************************************************************************/

#header-text-top {
border-bottom: 1px solid #DFDFDF;
width: 960px;
float: left;
padding: 15px 0 5px 0;
font-size: 11px;
color: #999999;
}

#header-text-bottom {
width: 960px;
float: left;
padding: 5px 0 5px 0;
font-size: 11px;
color: #999999;
}

#header-text-top a, 
#header-text-bottom a {
color: #999999;
border-bottom: 1px dotted #DFDFDF;	
}

#header-text-top a:hover, 
#header-text-bottom a:hover {
border-bottom: 1px dotted #999999;	
}

p.featured-text, p.breadcrumbs {
width: 820px;
float: left;
}

p.cart-title {
background: url(cart-small.png) right no-repeat;
width: 120px;
float: left;
padding: 0 20px 0 0;
text-align: right;
}

header #Cart66scCartContents {
width: 140px;
float: left;
text-align: right;
}

header #Cart66scEmptyMessage {
display: none;
}

header a#Cart66scViewCart, 
header a#Cart66scCheckout, 
header #Cart66scLinkSeparator {
display: none;
}




/* Universal Content Block Styles
**********************************************************************************************/

.block {
width: 100%;
float: left;
line-height: 15px;
font-size: 12px;
}

.framed {
margin: 0 0 10px 0;
padding: 8px 8px 8px 0;
background: #EEEEEE;
/* CSS3 Styles */
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
box-shadow: 2px 2px 5px #888;
-moz-box-shadow: 2px 2px 5px #888;
-webkit-box-shadow: 2px 2px 5px #888;
}

.post-content h2, .post-cotent h3 {
	margin: 0.3em 0 0.5em 10px;
	font-size: 1.2em;
}

h2.block-heading, 
h3.block-heading {
border-bottom: 1px solid #DFDFDF;
padding: 0 10px 8px 10px;
margin: 0 0 8px 0;
color: #B34800;
font-size: 14px;
}

.block a {
color: #888888;
border-bottom: 1px dotted #DFDFDF;
}

.block a:hover {
border-bottom: 1px dotted #888888;
}

.block p, 
.block ul {
margin: 0 0 10px 0;
padding: 0 10px 0 10px;
}

.block ul.sub-menu {
border-left: 1px solid #DFDFDF;
}

.block ul.sub-menu li {
background: url(li-bg.png) left no-repeat;
margin: 0 0 0 -10px;
padding: 0 0 0 10px;
}




/* Widget Styles
**********************************************************************************************/

.sf_posts_widget {
padding-bottom: 8px;
}

.sf_posts_widget li {
width: 100%;
height: 62px;
float: left;
margin: 5px 0 5px 0;
overflow: hidden;
}

.sf_posts_widget p {
padding: 0;
}

.sf_posts_widget h2 {
font-size: 13px;
}

img.featured-small {
border: 1px solid #DFDFDF;
float: left;
margin: 0 10px 0 0;
padding: 5px;
}

.block img:hover {
background: #FFFFFF;
}

#twitter {
padding-bottom: 4px;
}

#twitter p {
background: url(quote.png) top left no-repeat;
margin: 0 10px 8px 10px;
padding: 0 0 0 30px;
}




/* First Column Container
**********************************************************************************************/

#first-column {
width: 180px;
float: left;
padding: 0 10px 0 0;
margin-right: 10px;
}




/* Second Column Container
**********************************************************************************************/

#second-column {
width: 490px;
float: left;
margin-right: 20px;
}




/* Featured Content Slider
**********************************************************************************************/

#slides-container {
width: 500px;
position: relative;
}

#slides-frame {
position: absolute;
z-index: 0;
width: 500px;
height: 253px;
top: 0;
left: 0;
}

#slides {
border: 1px solid #DFDFDF;
position: absolute;
top: 0;
left: 0;
z-index: 100;
padding: 10px;
}

#slides:hover {
background: #EEEEEE;
}

.slides_container {
width: 478px;
height: 240px;
overflow: hidden;
position: relative;
}

.pagination {
position: absolute;
bottom: 20px;
right: 20px;
z-index: 100000;
}

.pagination li {
float: left;
margin: 0 1px;
}

.pagination li a {
display: block;
width: 12px;
height: 0;
padding-top: 12px;
background-image: url(pagination.png);
background-position: 0 0;
float: left;
overflow: hidden;
}

.pagination li.current a {
background-position: 0 -12px;
}

.caption {
background: url(title-bg.png) repeat;
color: #CCCCCC;
position: absolute;
top: 178px;
right: 0;
padding: 6px 12px 8px 12px;

/* CSS3 Styles */
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
}

.caption a {
color: #CCCCCC;
}




/* Product Gallery Styles
**********************************************************************************************/

#gallery {
width: 510px;
float: left;
}

.gallery-home {
margin: 272px 0 0 0;
}

.gallery-item {
border: 1px solid #DFDFDF;
width: 138px;
height: 168px;
float: left;
margin: 0 10px 10px 0;
padding: 10px 10px 0 10px;
overflow: hidden;
}

.gallery-item:hover {
background: #EEEEEE;
}

.gallery-item img {
width: 138px;
height: 138px;	
}

.gallery-item h2 a {
font-size: 11px;
color: #999999;
position: absolute;
display: block;
margin: 5px 0 0 0;
}

.gallery-item a.price {
background: #FE6500;
position: absolute;
width: 69px;
height: 16px;
text-align: center;
font-size: 11px;
cursor: pointer;
color: #FFFFFF;
margin: 2px 0 0 80px;
padding: 4px 0 0 0;
line-height: 1;

/* CSS3 Styles */
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topleft: 3px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
}




/* Single Product Page Gallery Styles
**********************************************************************************************/

#product-images {
width: 100%;
float: left;
margin: 0 0 10px 0;
}

.product-images-container {
border: 1px solid #DFDFDF;
width: 478px;
height: 410px;
float: left;
padding: 10px;
}

.image-group {
position: absolute;
margin: 11px 0 0 429px;
}

.image-group img:hover {
opacity: 0.8;
}

.image-group li {
margin: 0 0 7px 0;
padding: 0;
}




/* Single Product Page Sidebar Styles
**********************************************************************************************/

#third-column a#Cart66scViewCart, 
#third-column a#Cart66scCheckout, 
#third-column #Cart66scLinkSeparator {
display: none;
}

#third-column span.Cart66Price {
display: none;
}

#third-column input.Cart66ButtonPrimary, 
#third-column a#Cart66scCartLink,
#third-column a.buy-now {
border: none;
background: #FE6500;
font-size: 13px;
color: #FFFFFF;
width: 230px;
float: left;
margin: 5px 0 10px 10px;
padding: 10px 0 10px 0;
text-align: center;

/* CSS3 Styles */
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

#third-column a.buy-now {
margin-left: 0;
}

#third-column input.Cart66ButtonPrimary:hover, 
#third-column a#Cart66scCartLink:hover,
#third-column a.buy-now:hover {
background: #F88940;
}

#third-column #product-tags {
padding-bottom: 12px;
}

#third-column #product-tags a {
background: #DFDFDF;
float: left;
padding: 3px 6px 4px 6px;
margin: 4px 4px 0 0;

/* CSS3 Styles */
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

#third-column #product-tags a:hover {
border: none;
background: #D5D5D5;
color: #888888;
}

li.share-twitter {
background: url(twitter.png) left no-repeat;
padding: 0 0 0 20px;
}

li.share-facebook {
background: url(facebook.png) left no-repeat;
padding: 0 0 0 20px;
}

.Cart66CartButton select, .attribute-selector-group {
margin-left: 10px;
margin-bottom: 8px;
}




/* Single Post Pages
**********************************************************************************************/

.post-content {
width: 480px;
margin: 10px;
}

.post-content h2 a {
border-bottom: none;
}

.post-content ul {
list-style: disc;
margin-left: 15px;
}

.post-content ol {
margin-left: 27px;
margin-bottom: 15px;
padding: 0 10px 0 0;
}

.post-content img.alignright {
float: right;
margin: 5px 0 15px 15px;
}

.post-content img.alignleft {
float: left;
margin: 5px 15px 15px 0;
}


/* Blog Page & Post Styles
**********************************************************************************************/

#blog {
width: 510px;
float: left;
}

#blog .block {
height: 160px;
overflow: hidden;
}

span.the-time {
position: absolute;
font-size: 13px;
width: 150px;
text-align: right;
margin: -32px 0 0 341px;
z-index: 100;
}

a.article-link {
position: absolute;
border: none;
width: 500px;
height: 170px;
margin: -10px 0 0 0;
cursor: pointer;
z-index: 200;
}

a.article-link:hover {
background: url(article-link.png) repeat;
border: none;
}




/* Blog Post Comment Styles
**********************************************************************************************/

#comments {
width: 500px;
}

#comments ol li {
list-style: none;
}

ol.commentlist li ul.children { 
list-style: none; 
text-indent: 0; 
margin: 0;
padding: 0;
}

ol.commentlist li ul.children li.depth-2 {margin: 0;}
ol.commentlist li ul.children li.depth-3 {margin: 0;}
ol.commentlist li ul.children li.depth-4 {margin: 0;}
ol.commentlist li ul.children li.depth-5 {margin: 0;}

ol.commentlist li div.reply {
background: #DFDFDF;
width: 48px;
font-size: 11px;
text-align: center;
padding: 3px 0 4px 0;
margin: 0 0 20px 10px;

/* CSS3 Styles */
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

ol.commentlist li div.reply:hover {
border: none;
background: #D5D5D5;
color: #888888;
}

ol.commentlist li div.reply a {
border: none;
}

.avatar,
.comment-edit-link {
display: none;
}

.comment-author {
border-bottom: 1px solid #DFDFDF;
padding: 0 10px 8px 10px;
margin: 0 0 8px 0;
color: #888888;
font-size: 13px;
font-style: normal;
}

.comment-body {
	padding: 0 0 2em 0;
}

#comments cite {
font-style: normal;
}

.comment-meta {
position: absolute;
font-size: 13px;
width: 250px;
text-align: right;
margin: -32px 0 0 240px;
z-index: 100;
}

.says {
display: none;
}

#respond {
width: 100%;
padding: 2px 0 0 0;
}

.cancel-comment-reply a {
display: none;
}

.cancel-comment-reply a:hover {
border: none;
background: #D5D5D5;
color: #888888;
}

#author, #email, #url, #comment {
border: 1px solid #DFDFDF;
background: #FFFFFF;
float: left;
padding: 3px 4px 3px 4px;
margin: 0 5px 0 0;
font-size: 11px;

/* CSS3 Styles */
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

#comment {
width: 98%;
max-width: 100%;
}

input#submit {
background: #DFDFDF;
border: none;
width: 113px;
font-size: 11px;
text-align: center;
margin: 10px 0 0 0;
padding: 6px 0 7px 0;
color: #888888;

/* CSS3 Styles */
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

input#submit:hover {
border: none;
background: #D5D5D5;
color: #888888;
}

.input-error, #author.input-error, #email.input-error, #url.input-error, #comment.input-error { border:2px solid #f00; }

.error label { font-weight:bold; color:#000; }
.notice { background:#FFC; border:1px solid #F90; padding:15px; color:#333; font-weight:bold; margin: 15px 0 0 0; }




/* Pagination Styles
**********************************************************************************************/

#paginate p {
margin: 0 10px 0 0;
float: left;
}

#paginate a {
background: #EEEEEE;
float: left;
margin: 0 5px 0 0;
padding: 3px 6px 4px 6px;
text-align: center;
font-size: 11px;
line-height: 1.0;
color: #888888;

/* CSS3 Styles */
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

#paginate a.current-page {
background: #FE6500;
color: #FFFFFF;
}




/* Third Column Container
**********************************************************************************************/

#third-column {
width: 240px;
float: left;
}




/* Footer Container
**********************************************************************************************/

footer {
border-top: 1px solid #DFDFDF;
width: 960px;
float: left;
margin: 30px 0 0 0;
padding: 5px 0 30px 0;
font-size: 11px;
color: #999999;
line-height: 15px;
}

footer a:link, 
footer a:visited {
color: #999999;
border-bottom: 1px dotted #DFDFDF;	
}

footer a:hover {
border-bottom: 1px dotted #999999;	
}

#footer-text {
width: 480px;
float: left;
}

#footer-menu {
width: 480px;
float: left;
}

#footer-menu ul {
float: right;
list-style: none;
}

#footer-menu ul ul {
display: none;
}

#footer-menu li {
float: left;
margin: 0 0 0 10px;
}

#languages {
	float: right;
	margin: -30px 0 0;
}

/* Footer Container
**********************************************************************************************/
	
table .contact-form, td {
	padding: 5px 0px 5px 12px;
}