/*------------------------------------------------------------------
[Master Stylesheet]
Project: BuzzBuzzClub
Version: 1
Author: Cristian Sans
Company: Gimmicklab
Date: 09/12/2009
Last change: 09/12/2009
URL: http://buzzbuzzclub.com
Notes: No special notes.
-------------------------------------------------------------------*/

@import "reset.css";

/* Main Estructure */  

body {
	background: #eebfd9 url(../images/hearts-bg.png) repeat-y 0 0;
	font-size: 62.5% !important;   
}

/* Tipography */
body,h1,h2,h3,h4,h5,h6 {
	font-family: Georgia, serif;
}
#footer, label, p#iva, #item a.more, #user form, #buttons, #messages_product_view, #cart-offert {
	font-family: Arial, sans-serif;
}
.entry p, .entry a.more, #details p, .static h3, .static h4, .static p, table, .form p, .form h3, .form h4, textarea, .postWrapper h2, .postWrapper h3, .postContent, .pages  {
	font-family: Verdana, sans-serif;
}

/* Color */  

body, #user label, #user a#lostpass, td input, #buttons a, table a, table span.price {
	color: #000; /* Black */
} 
#navi li.active a, #navi li a:hover, #navi input#submit, .sidebar h3, #categories li a.active {
	color: #fff; /* White */
}
#footer, #footer a {
	color: #330033; /* Almost black */
} 
#navi li a {
	color: #e4688f; /* Pink */
} 
#header label, input, span.price, textarea, .old-price {
	color: #a12040; /* Purple/Pink */
}
.sidebar, .sidebar a, #user h3, input#login, a.more, a.add, .form strong, .static a, #phone h3 {
	color: #9e2848; /* Another purple */
}
#bestseller h3, #comments h3 {
	color: #711628; /* Brown */
}
#comments p, #comments em {
	color: #707173; /* Grey */
}
#content h2, #content h2 a, #content h3, #content h3 a, #content h4, #also h4, #details .availability, p.contact-info, .postWrapper a, .postWrapper h2, .pages a,#cart-offert span {
	color: #8b1d2c; /* Dark Pink */
}
ul.list p, #details p, fieldset.options label, fieldset.add-to-cart label {
	color: #707173;
}
#also h5, #also span, #content .static p, #messages_product_view, .postWrapper h3, .postContent, .postContent p {
	color: #58585a; /* Dark grey */
}
.form p, .form p a {
	color: #58585a; /* More grey */ 
}

/* Layout */ 

#container {
	width: 970px;
	margin: 0 auto;
	position: relative;
} 
#header, #main {
	background: transparent url(../images/container-bg.png) repeat-y 0 0;   
}
#header {
	min-height: 175px;
	position: relative;
}
#main {
	min-height: 600px;
	padding: 0 20px;
}
#content {
	float: left;
	width: 510px;
	padding: 15px 5px 15px 15px; 
	min-height: 600px;
}
#main.single #content  {
	width: 710px;
}
.sidebar {
	width: 200px;	
	min-height: 600px;
}
.sidebar#left {
    float: left;
}   
.sidebar#right {
	float: right;
}
#content, .sidebar {
	padding-bottom: 35px;
}
div#footer { 
	background: transparent url(../images/footer-bg.png) no-repeat 0 0;	
	width: 930px;
	height: 118px; 
	padding: 0 20px;
	clear: both; 
	text-align: center;
}

/* Block Elements */  

h1 {
	font-size: 2.2em;
	line-height: 2.2em;
	float: left;
	margin: 0 0 0 20px;
}
h1 a {
	background: url('../images/header-logo.png') no-repeat 0 10px;
	display: block; 
	width: 289px;
	height: 118px;
	text-indent: -9999px;
	padding-top: 10px;
}         
h2 {
	font-size: 2em;
	line-height: 2em;
}
h3 {
	font-size: 1.6em;
	line-height: 1.6em;
	font-weight: bold;
}
h4 {
	font-size: 1.5em;
	line-height: 1.5em;
}
h5 {
	font-size: 1.4em;
	line-height: 1.4em;
}
h6 {
	font-size: 1.2em;
	line-height: 1.4em;
}
p {
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 5px 0 15px 0;
}
ul,ol,dl {
	font-size: 1em;
	line-height: 1em;
}
ol li {
	list-style-type: decimal;
	list-style-position: inside;
}
ul ul,ol ol {
	font-size: 1em;
}
li {
	font-size: 1.2em;
	line-height: 1.4em;
	list-style: none;
}
span {
	font-size: 1em;
}
img {
	border: none;
}
hr {
	display: none;
}
a {
	font-size: 1em;
	text-decoration: none;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
input, textarea {
	font-size: 1.2em;
	padding: 2px;
	border: 1px solid #a12040;
}

/* Header */ 
#header {
	position:relative;
}
#conditions {
	width: 315px;
	height: 155px;
	float: right;
	padding: 0 0 0 303px;
	margin-right: 12px;
}   
#slider {
	width: 299px;
	height: 154px;   
	position: absolute; 
	top: 0;
	left: 335px;
} 
#conditions li a {
	display: block;
	text-indent: -9999px;
} 
#conditions li#payment a {
	background: url('../images/header-payment.png') no-repeat 0 0;
	width: 298px;
	height: 33px;
	margin: 10px 0 3px 0;
}            
#conditions li {
	margin-left: 15px;
}
#conditions li#discount a {
	background: url('../images/header-discount.png') no-repeat 0 0;
	width: 124px;
   	height: 85px;
    float: left;
}
#conditions li#shipping a {
	background: url('../images/header-shipping.png') no-repeat 0 0;
	width: 174px;
	height: 85px;
	float: left;
}
#conditions li#discount.en a {
 	background: url('../images/header-discount-en.png') no-repeat 0 0;
}
#conditions li#shipping.en a {
 	background: url('../images/header-shipping-en.png') no-repeat 0 0;
}      
#navi {
	background: #9e2848;  
	padding: 5px 5px 5px 17px;
	margin: 0 8px 0 7px;
	clear: both;
}
ul#menu {
	float: left;
}
#navi li {
	font-size: 1.4em; 
	line-height: 1.5em;
	display: inline;
	margin-right: 23px; 	
}
#navi li a {
	text-decoration: none;
}
ul#lang {
	float: right; 
	margin: 0 205px 0 0;
}
ul#lang li {
	margin-right: 0;
}
ul#lang li a {
	display: block; 
	float: right; 
	margin-right: 10px;
	text-indent: -9999px; 
	border: 1px solid #fff;
}
ul#lang li#english a {
	background: url('../images/header-english.png') no-repeat top left;
	width: 30px;
	height: 18px;
} 
ul#lang li#spanish a {
	background: url('../images/header-spanish.png') no-repeat top left;
	width: 31px;
	height: 18px;
}
#navi form {
	background: url('../images/header-form.png') no-repeat top left;
	width: 184px;
	height: 44px; 
	padding: 3px 0 0 15px;
   	float: right;
	position: absolute; 
	bottom: 0;
	right: 20px;
}
#navi label {
	font-size: 1.2em; 
	line-height: 1.4em;
	font-weight: bold;
	display: block;
}
#navi input {
	width: 135px;
}
#navi input#submit {
	background: #a12040;
	width: 30px;
	padding: 1px;
	margin-left: 3px;  
	text-transform: uppercase;
	cursor: pointer;
}

/* Sidebar */

.sidebar {
	font-weight: bold;
}
.sidebar h3 {
	background: #9e2848;
	text-align: center;
}
.sidebar a {
	text-decoration: none;
}
.sidebar a:hover {
	text-decoration: underline;
}
.sidebar div {
	margin: 15px 0;
}
#cart {
    border: 1px solid #9e2848; 
}
#cart li {
	font-size: 1.4em; 
	line-height: 1.8em;
	padding: 0 10px;
	border-top: 1px solid #9e2848;
}
#cart li span {
	display: block;
	float: right;
}
#cart li#all {
	background: #eebed8;
	text-align: center;
}
#cart li#checkout {
	height: 35px;
	padding-top: 5px;
}
#cart li#checkout a {
	font-size: .9em;
	line-height: 2.4em;
	display: block;
	background: transparent url('../images/cart-button.png') no-repeat 0 0;
	width: 135px;
	height: 30px;
	padding-right: 20px;
	margin: 0 auto;
	text-align: center; 
}
#categories li {	
	font-size: 1.4em;
	line-height: 1.8em; 
	background: #eebed8;
	height: 24px;
	margin: 2px 0;	
}
#categories li a {
	background: transparent url('../images/categories-heart.png') no-repeat 0 0; 
	display: block;
	padding-left: 30px;
}
#info ul, #account ul, #progress ul {
	padding: 10px;
	border: 1px solid #9e2848;
}
#info li, #account li, #progress li {
	font-size: 1.4em;
	line-height: 1.8em;
} 
#phone h3 {
	background: #eebed8;
	line-height: 1.6em;
	border-left: 1px solid #9e2848;
	border-right: 1px solid #9e2848;
	border-top: 1px solid #9e2848;
}
#phone p {
	background: #eebed8 url('../images/sidebar-phone.png') no-repeat 5px 0;	
	font-size: 2em;
	line-height: 1.4em;
	padding: 5px 15px 20px 65px;
	margin: 0;
	border-left: 1px solid #9e2848;
	border-right: 1px solid #9e2848;
	border-bottom: 1px solid #9e2848;
}
p#iva {
	font-size: 1.1em; 
	line-height: 1em;
	margin: 0;
	text-align: center;
}
#bestseller h3, #comments h3 {
	background: none;
	font-size: 2.2em;
	line-height: .8em;
	text-align: left;
}
#bestseller h4 {
	line-height: 1.1em; 
	font-size: 1.4em;
}
#bestseller img {
	float: left;
	margin: 2px 10px 2px 2px;
}
#item {
	background: #f4e6e9;
	border: 1px solid #9e2848;
	padding: 2px;
	margin-top: 5px !important;
	position: relative;
	height: 110px;
}
#item span.price {
	font-size: 1.4em; 
	display: block;
	margin: 5px 10px 8px 0;
	text-align: center;
}   
#item a {
	display: block;
}
#item a.more {
	font-size: 1.1em;
	font-weight: normal;
	text-align: center;
	margin: 5px 10px 15px 0;
	text-decoration: underline;
}
#item a.more:hover {
	text-decoration: none;
}   
#item a.add {
	background: transparent url('../images/item-add.png') no-repeat 0 0;
	font-size: 1.2em;
	line-height: 2.6em;
	display: block;
	width: 65px;
   	height: 30px;
	padding-right: 20px;
	text-align:center;
	position: absolute;
	right: 15px;
	bottom: 5px;
}
#gallery-slide {
	background: #f4e6e9;
	border: 1px solid #9e2848;
	padding: 2px;
	height: 110px;
}
#banners img {
	display: block;
	margin: 0 auto 10px auto;
} 
#user {
	border: 1px solid #9e2848; 
}
#user h3 {
	background: #eebed8;
	border-bottom: 1px solid #9e2848;
}
#user form {
	padding: 10px;
}
#user label {
	font-size: 1.1em;
	font-weight: normal;
	display: block;
	margin: 0 auto 3px auto;
	text-align: center;
}
#user input {
	width: 170px;
	margin-bottom: 5px;
}
#user input#login, #user a#new {
	background: #eebed8;
	font-weight: bold;
	display: block; 
	width: 75px;
	margin: 5px auto 0 auto;
	border-bottom: 1px solid #9e2848;
}
#user a {
	display: block;
	width: 100%;
	text-align: center;
}
#user a#lostpass {
	margin: 5px 0 15px 0;
}
#user a#new  {
	font-size: 1.2em;
	line-height: 1.4em;
	width: 170px;
	padding: 2px;
	border: 1px solid #a12040;
}
#comments h3 {
	line-height: 1em;
	margin-bottom: 10px;
}
#comments li {
	margin-bottom: 10px;
} 
#comments p {
	background: #f5e7eb;
	font-size: .9em;
	padding: 10px;
	margin-bottom: 0;
}
#comments p a {
	display: block;
	margin: 5px 0 0 0;
	text-decoration: underline;   
}
#comments p a:hover {
	text-decoration: none;
}   
#comments em {
	background: url('../images/sidebar-balloon.png') no-repeat 160px 0; 
	font-size: .9em;
	font-style: normal;
	display: block;
	padding: 3px 10px 0 10px;
}
.account-5, .account-6, .account-7, .account-8, .account-9, .block-reorder {
	display: none;
}
p.pics {
	border: 1px solid #9e2848;
	text-align: center;
}
p.pics a {
	display:block;
	width: 173px;
	height: 209px;
	text-indent: -9999px;
	text-align: center;
	margin: 13px;
}   
p.pics.es a {
	background: url('../images/slide-es.jpg') no-repeat 0 0;
}   
p.pics.en a {
	background: url('../images/slide-en.jpg') no-repeat 0 0;
}

/* Main */ 

#content h2 {
	font-size: 2.2em; 
	line-height: 1.2em;
	margin-bottom: 10px;
}
#content h3 a {
	text-decoration: none;
}

/* Listings */
              
ul.list li {
	background: #f5e7eb;
	display: block;
	width: 225px;
	height: 163px;
	padding: 5px 10px;
	float: left;
	margin: 0 10px 10px 0;
}
ul.list h3 {
	font-size: 1.2em; 
	line-height: 1.4em;
	margin-bottom: 5px;
}
ul.list img {
	display: block;
	float: left;
	border:1px solid #fff;
}
ul.list .entry {
	width: 85px;	
	float: right;	
}
ul.list li {
	position: relative;
}
ul.list p {
	font-size: .9em;
	line-height: 1.1em;
	margin: 0 0 5px 0;
}
ul.list a.more {
	font-size: .9em;
	display: block;
}
ul.list span.price {
	font-size: 1.1em;
	font-weight: bold;
	display: block;
  	margin-top: 5px;
	letter-spacing: -.5px;
}
ul.list a.add {
	background: url('../images/list-add.png') no-repeat top left;
	font-weight: bold;
	line-height: 2.2em; 
	letter-spacing: -.5px;
	text-align: center;
   	width: 55px;
   	height: 27px;
	padding-right: 18px;
	display: block;
	margin: 5px 0 0 20px;	
	text-decoration: none; 
	position: absolute;
	bottom: 5px;
	right: 5px;
}
ul.list a.add:hover {
	text-decoration: underline;
}
.pages p {
	text-align:center;
	font-weight:bold; 
	font-size: 1.1em;
	padding: 10px 0;
	border-top:1px solid #f5e7eb;
	border-bottom:1px solid #f5e7eb;
	margin: 10px 10px 10px 0;
} 

/* Single */

#pics {	
	float: left;
	margin-bottom: 25px;	
}
#pics img {
	display: block;
	border: 4px solid #eceded;
}
#pics ul {
	margin: 15px 0;
}
#pics li {
	display: block; 	
	float: left;
	margin-right: 10px;
}                
#pics ul img {
	display: block;
	border: 2px solid #eceded;
}
#details {
	width: 54%;
	float: right;
	margin-bottom: 25px;
} 
#details p {
	font-size: 1.1em;
}
#details span.price {
	font-size: 2.2em;
	font-weight: bold;
	display: block;
	float: left;
	margin-top: -3px;
}
#details .availability {
	font-size: 1.3em;
	margin: 25px 0 30px 0;
} 
#details fieldset {
	float: right;
	width: 193px; 
} 
#details input {
	width: 25px;
}
#details a.add {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 2.2em;
	display: block;
	background: transparent url('../images/cart-button.png') no-repeat 0 0;
	width: 140px;
	height: 30px;
	padding-right: 15px;
	margin: -6px 0 0 0;
	text-align: center;
	text-decoration: none;
	float: right;
}
#details a.add:hover {
	text-decoration: underline;
}
#also {
	clear: both;
	margin: 45px 0 25px 0;
	padding-top: 0;
}
#also li {
	float: left;
	margin: 0 10px 15px 0;
}
#also h4 {
	font-size: 1.6em;
	margin-bottom: 15px;
}
#also li img {
	border: 3px solid #eceded;
}
#also h5, #also span {
	line-height: .8em;
	font-weight: bold;
}
#also h5 {
	font-size: 1.1em;
	line-height: 1.1em;
	font-weight: bold;
	width: 100px;
} 
#also span {
	font-size: 1em;
	line-height: 1em;
	font-weight: normal;
} 
fieldset.options {
	width: 375px !important;
	float: none !important;
	clear: both !important;
	margin: 15px 0 35px 0 !important;
	
}
fieldset.options label {  
	font-size: 1.1em;
	display: block;
	float: left;
	margin-right: 15px;
}  
fieldset.options input {
	display: inline;
}
fieldset.options select {
	width: 100px;
	margin: 0 0 0 5px;
}

 
.old-price, .special-price {
	font-family: Georgia, serif !important;
	color: #a12040 !important;
}

/* Prices */
 
body.catalog-product-view .old-price, .special-price {
	float: left !important; 
}
.old-price {
	text-decoration: line-through;
} 
.special-price {
	margin: -18px 0 35px 35px;
}
.special-price em {
	display: block; 
	font-size: 1.2em;
	line-height: 1.8em;
} 
ul.list .old-price span, .special-price span {
	float: none !important;
}
ul.list .old-price span {
	text-decoration: line-through; 
} 
ul.list .special-price {
	margin: -5px 0 0 0 !important;
} 
ul.list .special-price span {
	float: left !important;
	margin-top: 3px !important;
}
ul.list .special-price em {
	font-size: 1.1em; 
	float: left !important;
	margin-right: 5px;
}

/* Static pages */

#content .static h3 {
	font-size: 2.2em; 
	line-height: 1.2em;
	margin-bottom: 10px;
}
#content .static h4 {
	font-size: 1.3em;
	margin-bottom: 0;
}
#content .static p {
	font-size: 1.2em;
	margin: 0 15px 15px 0;
	clear: both;
}
#content .static p input {
	
} 
p.contact-info {
	font-size: 1.2em !important; 
	font-weight: bold;
	margin-bottom: 35px !important;
	color: #8b1d2c !important; 
}
p.contact-info a {
	color: #8b1d2c !important;
}
p.disclaimer {
    font-size: 1.1em !important;
    margin: 25px !important;
    font-weight:bold;
}
#messages_product_view {
	 margin: 15px;
	font-size: 1em;
}

/* Home */

ul.category li {
	display: block;
	float: left;
	margin: 0;  
}
ul.category h3 {
	width: 150px;
	font-size: 1.6em !important;
	line-height: 1em!important;
	text-align: center;
	margin: 0 !important;
	font-family: Georgia, serif !important;
} 
ul.category img {
	margin: 0; 
	display:block;
}

/* Cart */

table {
	width: 500px;
	font-size: 1.1em;
	font-weight: normal;
	border-top:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
	border-left:1px solid #ebebeb;
}
caption {
	display: none;
}
.art {
	width: 165px;
}
thead {
	background: #e5eff8;
	height: 25px;
	text-align: left;
	border-right:1px solid #ebebeb;
}
th {
	border-right: 1px solid #fff;
	vertical-align: middle;
}
th span {
	padding: 5px;
	font-weight: normal;
	display:block;
}
td.right, th.right {
	text-align: right;
}
td {
    border-bottom: 1px solid #ebebeb; 
    border-right: 1px solid #ebebeb;
    height: 65px;
}
td span {
	display: block;
	padding: 5px; 
}
td.tot {
	width: 75px;
}
td img {
	float: left; 
	margin-right: 5px;
} 
td.qt input  {
	font-size: 1em;
	width: 20px;
	border:1px solid #c7c7c6;
	text-align: right;
}
td.qt {
	text-align: center;
}
tfoot {
	background: #f5f5f4;
}
tfoot td {
	border: 0;
	height: 5px;
}
tfoot span {
	padding: 5px;
}
tfoot td.cart-total {
	text-align:right;
	border-right: 1px solid #ebebeb;
} 
td.cart-price {
	width: 70px;
}
#buttons {
	margin: 10px;
}
#buttons p {
	text-align:right;
	margin: 5px 0;
}
#buttons a { 
	line-height: 1.8em;
	display: block;
	width: 115px;
	height: 21px;
	float: right;
	text-align:center;
	margin-left: 5px;
	text-decoration:none;
}
#buttons a:hover {
	text-decoration:underline;
}
.button1 {
	background: url('../images/button2.png') no-repeat 0 0;
}
.button2 {
	background: url('../images/button1.png') no-repeat 0 0;
} 
#buttons p {
	clear: both;
} 

/* Forms */

.form label {
    display: block;
    float: left;
	width: 150px; 
	text-align:right;
	margin-right: 5px;
	line-height: 2em;
	font-size: 1.1em;
	font-weight: bold;
	clear: both;
}
.form input {
	float: left;
}
.form p {
	font-size: 1em;
	clear: both;
}
.form h3 {
	font-size: 1.2em; 
	margin: 0 0 15px 155px;
} 
.form fieldset {
	margin-bottom: 15px;
}
.bold {
	font-weight: bold;
}                     
.center {
	text-align:center;
}
label#news-label, label.news-label {
	float: none;
	display: inline;
} 
input#news, input.news {
	margin-left: 155px;
	border: 0;
	float: none;
	display: inline;
} 
.form .submit {
	margin-left: 157px !important;
	cursor: pointer;
} 
.form p span {
	display: block;
	font-weight: bold;
}
.form p a {
	font-weight: bold;
}
select {
	max-width: 170px;
} 
a.retrieve {
	font-weight: normal !important;
}
#co-billing-form {
	margin-top: 15px;
}
#co-billing-form select {
	float: none !important;
	display: block !important;
}
#billing-prog {
	display: none;
}
.form h4 {
	font-size: 1.3em;
	margin-bottom: 15px;
} 
.checkout-price .price {
	margin-left: 157px !important;
}
fieldset.add-to-cart {
	width: 235px !important;
}
fieldset.add-to-cart label {
	font-size: 1.1em !important;
} 
.form textarea {
	width: 163px;
} 
#co-shipping-method-form span {
	display:inline; 
} 
.check-intro {
	font-weight: bold;
}

/* News */

.postWrapper h2 {
	font-size: 1.4em !important;
	width: auto;
    margin-bottom: 0 !important;
	font-weight: bold !important;    
} 
.postWrapper h3 {
	font-size: 1em !important; 
	line-height: 1.4em;
	font-weight:normal !important;
	width: auto;   
	color: #58585a !important;
}
.postTitle {
	border:0 !important;
}
.postContent {
	margin-bottom: 25px; 
}
.postWrapper img {
	display: block;
	float: left;	
} 
.postDetails {
	display: none;
}  
#cart-offert img, #cart-offert span {
	display: block;
}
#cart-offert li {
	display: block;
	float: left;
	margin: 15px 15px 0 0;
} 
#cart-offert span {
	font-size: 1.2em;
	font-weight:bold;
	text-indent: 10px;
}

/* Footer */ 

#footer ul {
	background: url('../images/footer-logo.png') no-repeat 400px 41px;	
	padding-bottom: 41px;
	text-align: center;
}
#footer li {
	font-size: 1em;
	line-height: 4em;
	display: inline;
	margin-right: 2px;
}

/* Clases */ 

#navi:after, #conditions ul:after, ul#lang:after, #header form:after, #header:after, #cart li:after, #item:after, #content ul:after, #content li:after, #details:after, #main:after, .static:after, #buttons p:after, .form p:after, fieldset.options:after, .postContent:after, .postTitle:after, #cart-offert ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
} 
.f-right {
	text-align: right;
	margin: 10px;
}
.button-right {
	margin: 15px 0 0 375px;
}