/*
---------------------------------------

Gualy - Master Stylesheet
PurpleDaydream 2009

---------------------------------------
*/

@import url(reset.css);
@import url(menu.css);
@import url(columns.css);
@import url(forms.css);
@import url(elements.css);

/* Generic
--------------------------------------- */
body {
	background: #3f153d url(../img/glow_background.png) no-repeat center 20px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 1.3em;
	margin: 0;
	color: #303030;
}

a:link, a:visited, a:active {
	color: #6c3c6a;
	text-decoration: none;
}

a:hover {
    
	text-decoration: underline;
}

a.more_info {
	color: #9e7a9c;
}

a.back {
	background: transparent url(../img/previous_icon_small.png) no-repeat left center;
	padding: 0 0 0 8px;
}

a.forward {
	background: transparent url(../img/next_icon_small.png) no-repeat left center;
	padding: 0 0 0 8px;
}

h3.big {
	color: #c6c3c6;
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 20px 0;
	line-height:1.1em;
}

h3.dark {
	color: #56194e;
	font-weight: bold;
	margin: 0 0 3px 0;
	text-transform: uppercase;
	line-height:1.1em;
}

h4.step {
	background: transparent url(../img/next_icon_small.png) no-repeat left center;
	color: #56194e;
	font-size: 13px;
	font-weight: normal;
	margin: 25px 0 10px 5px;
	padding: 0 0 0 10px;
}

h4.step span {
	font-weight: bold;
}

h4.step a {
	font-size: 11px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear{clear:both;color:white;font-size:0px;height:0px;line-height:0px;margin:0px;padding:0px;}

.hidden {
	display: none;
}

/* words popup thing
--------------------------------------- */
.toHover {
 cursor: help;
 /*text-decoration: underline;*/
 border-bottom:1px solid;
}


.toHover:hover > div {
    display: block !important;
}

.hoverDesc {
    background:#F4F2F4 none repeat scroll 0 0;
    border:1px solid;
    display:none;
    padding:5px;
    position:absolute;
    top:14px;
    left:0;
    width:240px;
    max-height:250px;
    overflow-y:auto;
    text-decoration: none !important;
    border-bottom:none;
}


/* For fancyZoom
--------------------------------------- */
#popOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background: transparent url(/img/overlay_bg.png);
	opacity: 0.3;
	display: none;
	top: 0px;
	z-index: 10;
}

#zoom .page_headers 
{
    width: auto !important;
}



/* Forms
--------------------------------------- */
input, select, textarea {
	border: 1px solid #ececec;
	font-size: 12px;
	margin: 5px 0 0 0;
}

.inputs {
	width: 100%;
}



/* Container
--------------------------------------- */
#container {
	margin: 0 auto 20px auto;
	width: 968px;
}


/* Header
--------------------------------------- */
#header {
	height: 80px;
	position: relative;
}

#logo {
	background: transparent url(../img/logo.png) no-repeat top left;
	height: 266px;
	left: -75px;
	position: absolute;
	top: -95px;
	width: 500px;
	z-index: 0;
	cursor: pointer;
}

#info
{
    border-left: 1px dotted #89627F;
    position:absolute;
    padding: 0 5px;
    top: 30px;
    right: 29px;
    width: 480px;
    z-index: 1000;
}

#info span
{
    /*color: #D4BCD2;*/
}

#info .separador
{
    background: transparent url(../img/link_divider.png) no-repeat scroll right 8px;
    padding:5px 10px 5px 5px;
}

#join_club_gualy a
{
    color: #fff;
    font-size: 10px;
    font-weight: bold;
}

#linout
{
    float:right;
    position:absolute;
    top:25%;
    right: 10%;
    z-index: 1000;
}

#user_actions span
{
    color:#D4BCD2;
}

#join_club_gualy span
{
    color: White;
}

#user_shipping_to span
{
    color: #d4bcd2;
}

#user_actions a {
    color: #d4bcd2;
}

#user_actions 
{
    padding-top:5px;
    float: left;
    width:100%;
}

#user_actions .label_username
{
    color: #ffffff;
    font-size: 12px;
}

#user_shipping_to 
{
    color: #9e7a9c;
    float: right;
}

#user_shipping_to a
{
    background: transparent url(../img/menu_icon.png) no-repeat scroll right center;
    color: #FFFFFF !important;
    padding: 0 10px 0 0;
}

#user_actions span#skype
{
    float:right;
    vertical-align:middle;
}

#skype span#country_skype
{
    padding-top:14px;
}

#skype span#country_number
{
    font-size:14px;
    font-weight:bold;
    color:#FFFFFF;
    padding-top:10px;
    line-height:5px;
    position:relative;
    top:-3px;
}

/* Wrapper
--------------------------------------- */
#wrapper {
	background: transparent url(../img/content_bottom_background.png) no-repeat center bottom;
	padding: 0 0 20px 0;
	position: relative;
	z-index:2;
}



/* Content
--------------------------------------- */
#content {
	background: transparent url(../img/content_background.png) repeat-y center top;
	margin: -0px;
	padding: 0 11px 0 7px; /* isto mantem o conteudo encostado aos limites do bg do #content */
}


/* Footer
--------------------------------------- */
#footer {
	position: relative;
	background: url(../img/glow_bottom_background.png) no-repeat left top;
	margin: -50px 0 0 0;
	padding: 50px 0 0 0;
	min-height: 50px;
	z-index:1;
}

#footer-links {
	margin: 0 auto;
	padding-left:30px;
    text-align:left;
    padding-top:20px
   
   
}
#footer-links .title{text-transform: uppercase; padding-bottom:14px;  display:block; }

#footer-links a {
	color: #9e7a9c;
	font-size: 11px;
    display:block;
    padding-bottom:6px;
    
}
#footer-links a:hover {
	color: #fff;
	font-size: 11px;
	text-decoration:none;

}

#footer-links a.divider {
	background: transparent url(../img/link_divider.png) no-repeat right 8px;
	padding: 5px 10px 5px 5px;
}

#footer-links a img {
	margin: 0 0 0 5px;
	vertical-align: middle;
}

#email-signup {
	bottom: 24px;
	position: absolute;	
	right: 15px;
}

#email-signup a {
	background: transparent url(../img/email_signup_icon.png) no-repeat right center;
	color: #9e7a9c;
	font-size: 11px;
	padding: 0 20px 0 0;
}



/* Center contents
--------------------------------------- */
.page_headers {
	border-bottom: 1px dotted #eae5ea;
	margin: 0 0 20px 0;
    padding:10px 0 12px;    
	position: relative;
}

.page_headers h1 {
	color: #581c50;
	font-size: 22px;
	font-weight: normal;
	margin: 5px 0 0 0;
	padding:0;
	z-index:0;
	
}

.page_headers h1.upper {
    text-transform: uppercase;
}


.page_headers h1 span {
	font-weight: bold;
	text-transform: uppercase;
}

.page_headers h2 {
	color: #999;
	font-size: 10px;
	font-weight: bold;
	margin: 0 0 0 0;
	text-transform: uppercase;
}

.page_headers .back_link {
	background: transparent url(../img/back_icon.png) no-repeat left center;
	bottom:8px;
    float:right;
    margin-left:8px;
    padding:0 0 0 10px;
    position:absolute;
    right:0;
}

.page_headers .collection_meaning_link {
	bottom: -24px;
	position: absolute;
	right: 124px;
}

/* List actions */
.page_headers .list_actions {
	color: #6c3c6a;
	bottom: 6px;
	position: absolute;	
	right: 0;
}

.page_headers .list_actions strong {
	margin: 0 5px 0 25px;
}


.page_headers.page_shopping_bag 
{
    margin-bottom: 10px;
}
.page_headers.page_shopping_bag h1
{
    font-size: 26px;
    padding-bottom: 20px;
}

.email_signup
{
    background-color:#F4F2F5 !important;
    border:1px solid #DFDAE0;
    bottom:12px;
    height:110px;
    opacity:0.95;
    padding:10px;
    position:absolute;
    right:28px;
    width:370px;
    display: none;
	z-index:2;
}

.email_signup span.title
{
    float:left; 
    color:#581C50;
    font-size:10pt;
    font-weight:bold;
}

.email_signup input
{
    float:left;
    padding-bottom:2px;
    padding-left:2px;
    padding-right:2px;
    padding-top:2px;
    width:258px;
}

.email_signup .gv_btn_gotoshop
{
    float:left; 
    margin-left:10px; 
    margin-top:3px;
    width:76px !important;
}


.error
{
    color: Red;
}

.itemimage
{
    background: url(../img/fundo_265x265.jpg) no-repeat left;
}

.itemimagesmall
{
    background: url(../img/fundo_35x35.jpg) no-repeat left;
}

.itemgallery
{
    background: url(../img/fundo_265x265.jpg) repeat left;
    width:500px !important;
    float:left;
}

#logoPrint
{
    display:none;
}

.coleccaoFlash
{
    width:950px; 
    height:756px; 
    margin-top:0px;
}

.homeFlash
{
    width:950px; 
    height:408px; 
    margin-top:0px;
}

.popOverlay2
{    
    opacity:0.3;
    z-index:10;
    background:transparent url(/img/overlay_bg.png) repeat scroll 0 0;
}

#corporateInfo
{
    font-size:11px;
    font-weight:normal;
    padding-left:30px;
    width:620px;
    color:#C3B9C4;
    float:left;
    
}

#logos
{
    padding-left:50px;
  
    float:left;
}

.banks
{
    width:236px;
    height:131px;
    padding-bottom:20px;
    background-image:url('/img/banks.png');
    background-repeat:no-repeat;
    float:left
}

.socialBottom
{
    padding-left:5px;
    padding-top:0px;
}

.shareTitleSmall
{
    color:#FFF;
    font-size:14px;
    font-weight:bolder;
    padding-top:4px;
    padding-left:6px;
}

.twitter-share-button
{
    position:relative;
    top:7px;
}
.footerdiv{ min-height:140px; min-width:100px; max-width:150px; color:#9e7a9c; float:left; background-image:url('../img/backmenufooter.png'); padding-left:15px; padding-right:15px; background-repeat:repeat-y; background-position:left top}
.footerdiv2{color:#9e7a9c; float:left; padding-right:15px; }
.footerdivSite{ min-height:140px; min-width:100px; max-width:150px; color:#9e7a9c; float:left; background-image:url('../img/backmenufooter.png'); padding-left:15px; padding-right:15px; background-repeat:repeat-y; background-position:left top}
.footerdivSite a:hover{ text-decoration:underline !important; color: #9e7a9c !important; }
.footermenu{ margin-top:12px; float:left}

.recyclingprogram{ font-size:9px; padding-left:20px; padding-top:12px;  text-transform:uppercase; color:#8b5788 !important; font-weight:bold; background-image:url('../img/recycling_programme.png'); background-position:left center; background-repeat:no-repeat}
.space10{ display:block; height:15px;}