/* Tips for sidebars:
1. Since we are working in percentages, it's best not to use side padding on the sidebars. It will be added to the width for standards compliant browsers creating an unknown actual width. 
2. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the "  #sidebar1 p" rule.
3. Since Explorer calculates widths after the parent element is rendered, you may occasionally run into unexplained bugs with percentage-based columns. If you need more predictable results, you may choose to change to pixel sized columns.
*/
#sidebar1 {
	float: left; /* this element must precede in the source order any element you would like it be positioned next to */
	padding: 50px 0 0 30px;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 100%; /* real browsers */
	background-color: #fff;
	margin: 0 2% 0 0;
}
#sidebar2 {
	float: left; /* this element must precede in the source order any element you would like it be positioned next to */
	padding: 0 30px 0 0;
	width: 15%;
	position:relative;
	left:-10px;
	*left:-10px;
}
#sidebar2 h3 {
	text-align: left;
}
/* Callback */
#recall {
	width: 175px;
	height: 93px;
	background: url(/images/recall.gif) no-repeat;
	margin: 0 0 20px 0;
}
#recall p {
	margin: 0px;
	padding: 60px 0px 0px 2px;
	color: white;
	text-align: center;
	font-size: 70%;
}
#recall p a {
	display: block;
	margin: 5px auto 0px auto;
	font: 80% Tahoma, Geneva, sans-serif;
	font-weight: bold;
	border: 0px;
	background-color: transparent;
	color: white;
	text-decoration: underline;
}
#recall input[type="text"] {
	width: 125px;
	border: 1px solid #FF9CC2;
	height: 16px;
	margin: 0 0 0 10px;
	color: #969696;
	margin: 60px 0 0 10px;
}
#recall input[type="submit"] {
	background: url(/images/callbutton.gif) no-repeat;
	width: 26px;
	height: 26px;
	border: none;
	cursor: pointer;
}
/* Login */
#account {
	width: 175px;
	height: 111px;
	background: url(/images/account.gif) no-repeat;
	padding: 10px 0 0 0;

}
#account h3 {
	font: 130% Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	color: #969696;
	text-align: left;
	margin: 0 0 2px 10px;
	padding: 0;
}

*+html #account form{
left:0px;
position:relative;
top:-15px;
}
#account input[type="text"], #account input[type="password"] {
	width: 155px;
	border: 1px solid #979797;
	height: 16px;
	color: #969696;
	margin: 0 0 5px 8px;
}
#account ul {
	float: left;
	margin: -2px 0 0 -25px;  
  *margin:-5px 0 0 15px;   
}
#account ul li {
	display: inline;
	list-style: none;
	float:left;
	margin:0 12px 0 0;
	padding:0;
}
#account #login {
	font: 11px Verdana, Geneva, sans-serif;
	border: 0px;
	background-color: transparent;
	color: #959595;
	text-decoration: none;
	cursor: pointer;      
}

#account #register {
	font: 11px Verdana, Geneva, sans-serif;
	color: #959595;
}
#login_form_response, #registration_form_response {
	margin: 20px 2px 0px;
	font: 13px Tahoma, Geneva, sans-serif;
	text-align: center;
	color: #969696;
	font-style: normal;
}
#login_form_response a, #registration_form_response a {
	display: block;
	margin: 5px auto 0px auto;
	font: 12px Tahoma, Geneva, sans-serif;
	color: #969696;
	text-decoration: underline;
}
/* Registration */
#registration {
	background: url(/images/account_reg.gif) no-repeat;
	width: 175px;
	height: 145px;
	display: none;
	padding: 10px 0 0 0;
}
#registration h3 {
	font: 130% Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	text-align: left;
	margin: 0 0 2px 10px;
	padding: 0;
	color: #fff;
}

*+html #registration form{
margin:0px 0 0 0;
}
#registration a {
	font: 12px Tahoma, Geneva, sans-serif;
	color: #fff;
}
#registration ul {
	float: left;
	margin: 0px 0 0 -25px; 
	*margin:0 0 0 10px;
}
#registration ul li {
	display: inline;
	list-style: none;
	float:left;
	margin:0 30px 0 0;
	padding:0;
}
#backToLogin {
  font: 11px Verdana, Geneva, sans-serif;
}
#registration input[type="text"], #registration input[type="password"] {
	width: 155px;
	border: 1px solid #fff;
	height: 16px;
	color: #999;
	margin: 0 0 5px 8px;
}
#registration input[type="submit"] {
	font: 11px Verdana, Geneva, sans-serif;
	border: 0px;
	margin:0;
	padding:0;
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	position:relative;
	left:34px;

}
#registration_form_response {
	color: white;
}
#registration_form_response a {
	color: white;
	text-decoration: underline;
}
/* Sidebar Scroll Gallery */
#fotge {
	width: 175px;
	margin: 10px 0 0 0;
	text-align: center;
}
#fotge .fotgeup, #fotge .fotgedown {
	margin: 10px 0;
}
#scrollGallery .carousel-control {
	display: block;
	height: 18px;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 10px 0px;
	cursor: pointer;
	overflow: hidden;
	text-indent: -9999px;
	background-color: transparent;
}
#scrollGallery .carousel-next {
	background-image: url('/images/fotgedown.gif');
}
#scrollGallery .carousel-previous {
	background-image: url('/images/fotgeup.gif');
}
#fotge h2 {
	font: 115% Georgia, "Times New Roman", Times, serif;
	font-style: normal;
}
#fotge ul li {
	list-style: none;
	margin: 0px;
	width: 175px;
	height: 140px;
	text-align: center;
}
#fotge ul {
	float: left;
	position: relative;
	/* left: -40px; */
	margin: 0px;
	padding: 0px;
	*left:0px;
}
#fotge ul li img {
	-moz-box-shadow: 0 0 6px #444;
	-webkit-box-shadow: 0 0 6px #444;
    box-shadow: 0 0 6px #444;
	margin: 0px;
	padding: 0px;
	margin: 5px 0px;
}
/* Twitter alternation */

*+html #twitterblock{
margin:20px 0 0 -10px;
}

#twitterblock.alt {
	float: left;
	padding: 0px;
	width: 220px;
}
*

#twitterblock.small {
	float: left;
	padding: 0px;
	width: 220px;
	margin-left: 20px;
	position:relative;
	top:-50px;
/* 	left:50px; */
}
#freedelivery {
	float: left;
	width: 220px;
}
#freedelivery.small {
	margin-left: 20px;
	position:relative;
	top:-50px;
}

#sidebar2.small{
position:relative;
left:220px;
width:77%;
float:left;
clear:left;
*left:0;
padding: 0px;
}
/* Cart */
#mbasket {
	width: 175px;
	background: url(/images/basket_void.jpg) no-repeat 20px 10px;
	position:relative;
	left:35px;
	color: #FF004A;
	padding: 50px 0 0 0;
	font: 70% Tahoma, Geneva, sans-serif;
	margin: 0px 0px 20px 0px;
}
#mbasket.full {
	background: url(/images/basket_full.jpg) no-repeat 20px 10px;
}

#mbasket h3{
	font: 110% Tahoma, Geneva, sans-serif;
	font-weight: bold;
	margin: 15px 0 5px 0 ;
}

#mbasket a{
	color: #FF0062;
	font: 80% Tahoma, Geneva, sans-serif;	
}
#whatnext {
	text-align: left;
	float: left;
	margin: 0;
	padding: 0;
}
#whatnext li {
	list-style: none;
	margin: 0 0 6px 0;
}
#whatnext li a {
	font: 90% Georgia, "Times New Roman", Times, serif;
	color: #F0C;
}