/*----------------------------------------------------------------------------
	Global
  ----------------------------------------------------------------------------*/

html {
    overflow-y: scroll;
}

html, body {
	margin: 0;
	padding: 0;
	background: #000000;
}

body {
	font-family: Arial, Helvetica, sans-serif; /* <-- CHANGE ME */
	font-size: 0.74em;
	color: #ffffff;
}

:focus {
	outline: none;
	-moz-outline-style: none;
}

.accessibility {
	position: absolute;
	left: 0px;
	top: -999px;
}

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

.clear {
	clear: both;
	line-height: 0px;
	height: 0px;
	font-size: 0;
}

a {
	color: #ffffff;
	text-decoration: none;
}

a:hover {
	color: #ff4d6f;
}

/*----------------------------------------------------------------------------
	Structural
  ----------------------------------------------------------------------------*/

#Container {
	width: 991px;
	margin: 0 auto 118px auto;
	background: #1f1f1f;
}

#Header {
	height: 85px;
	width: 991px;
	position: relative;
	z-index: 100;
}

#Social {
	position: absolute;
	right: 40px;
	/*right: 150px;/* /* To be changed when the lang buttons go live */
	top: 10px;
}

#Lang {
	position: absolute;
	right: 40px;
	top: 10px;
}
	#Lang a {
		width:19px;
		height:17px;
		display:block;
		background:url(../images/flag_sprite.png) no-repeat 0 0;
		float:left;
		margin-right:7px;
		position:relative;
	}
	#Lang a:hover {
		background-position:0 -17px;
	}
	#Lang a.de {
		background-position: -21px 0;
	}
		#Lang a.de:hover {
			background-position: -21px -17px;
		}
	#Lang a.pl {
		background-position:-40px 0;
	}
		#Lang a.pl:hover {
			background-position:-40px -17px;
		}
	#Lang span {
		display:none;
		position:absolute;
		top:20px;
		left:-30%;
		font-size:10px;
	}
		#Lang .de span {
			left:-45%;
		}
		#Lang a:hover span {
			display:block;
		}


#Logo {
	padding: 29px 0 0 29px;
	width: 153px;
	float: left;
}

#NavMain {
	float: left;
	padding: 47px 0 0 14px;
}

#NavMain li {
	float: left;
}

.navItem {
	height: 18px;
	background: transparent no-repeat left top;
	display: block;
	margin-right: 8px;
}

.current, .navItem:hover {
	background-position: left -18px;
}

#NavOurStory {
	background-image: url(../images/nav-our-story.png);
	width: 109px;
	margin-right: 9px;
}

#NavModels {
	background-image: url(../images/nav-models.png);
	width: 83px;
}

#NavAccessories {
	background-image: url(../images/nav-accessories.png);
	width: 127px;
}

#NavHowToGuides {
	background-image: url(../images/nav-how-to-guides.png);
	width: 143px;
}

#NavContactUs {
	background-image: url(../images/nav-contact-us.png);
	width: 118px;
}

#NavWhereToBuy {
	background-image: url(../images/nav-where-to-buy.png);
	width: 136px;
}

#ModelsMenu {
	height: 123px;
	width: 216px;
	position: absolute;
	background: transparent url(../images/models-hover.png) no-repeat left top;
	top: 44px;
	left: 310px;
	display: none;
}

#DropdownModels {
	width: 90px;
	height: 24px;
	float: left;
	text-indent: -9999px;
}

#MenuExit {
	height: 24px;
	width: 126px;
	float: left;
}

#ModelsMenu ul {
	height: 117px;
	width: 216px;
	background-color: #0f0f0f;
	background-color: rgba(0, 0, 0, 0.75);
}

#ModelsMenu ul li {
	width: 207px;
	margin: 0 0 2px 4px;
}

#ModelsMenu ul li a {
	display: block;
	height: 20px;
	width: 207px;
	text-indent: -9999px;
}

#ModelsMenu ul li.current a, #ModelsMenu ul li a:hover {
	background-position: right top;
}

#DropdownEvoluzione {
	padding-top: 3px;
}

#DropdownEvoluzione a {
	background: transparent url(../images/dropdown-evoluzione.png) no-repeat left top;
}

#DropdownPremiumPlus a {
	background: transparent url(../images/dropdown-premium-plus.png) no-repeat left top;
}

#DropdownProfessionale a {
	background: transparent url(../images/dropdown-professionale.png) no-repeat left top;
}

#DropdownTheClassic a {
	background: transparent url(../images/dropdown-the-classic.png) no-repeat left top;
}

#DropdownTheClassic a {
	background: transparent url(../images/dropdown-the-classic.png) no-repeat left top;
}

#DropdownLineaProfessionale a {
	background: transparent url(../images/dropdown-linea-professionale.png) no-repeat left top;
}

#HeroImageSlideshow {
	position: relative;
	height: 281px;
	width: 991px;
}

#HeroImageSlideshow img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

#HeroImageSlideshow img.current {
	display: block;
}

#HeroImageSlideshow img.notLoaded {
	display: none;
}

#ModelFooter {
	height: 206px;
	width: 962px;
	background: #bcbcbc;
	padding: 0 0 0 29px;
}

#Container .active {
	background: #1f1f1f;
}

.model {
	float: left;
	width: 180px;
	height: 2px;
	margin: 0 12px 0 0;
}

.model a {
	display: block;
}

.model a span.modelLink {
	display: block;
	height: 18px;
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	margin: 18px 0 6px 0;
}

.model .current span.modelLink, #ModelFooter .model a:hover span {
	background-position: left -18px;
}

#EvoluzioneLink {
	width: 157px;
	left: 2px;
}

.inactive #EvoluzioneLink {
	background-image: url(../images/nav-model-inactive-evoluzione.png);
}

.active #EvoluzioneLink {
	background-image: url(../images/nav-model-active-evoluzione.png);
}

#PremiumPlusLink {
	width: 171px;
	left: -4px;
}

.inactive #PremiumPlusLink {
	background-image: url(../images/nav-model-inactive-premium-plus.png);
}

.active #PremiumPlusLink {
	background-image: url(../images/nav-model-active-premium-plus.png);
}

#ProfessionaleLink {
	width: 180px;
	left: -8px;
}

.inactive #ProfessionaleLink {
	background-image: url(../images/nav-model-inactive-professionale.png);
}

.active #ProfessionaleLink {
	background-image: url(../images/nav-model-active-professionale.png);
}

#ClassicLink {
	width: 110px;
	left: 25px;
}

.inactive #ClassicLink {
	background-image: url(../images/nav-model-inactive-classic.png);
}

.active #ClassicLink {
	background-image: url(../images/nav-model-active-classic.png);
}

#linea-professionale {
	width: 110px;
	left: 25px;
}

.inactive #linea-professionale {
	background-image: url(../images/nav-model-inactive-classic.png);
}

.active #linea-professionale {
	background-image: url(../images/nav-model-active-classic.png);
}

#AccessoryLink {
	width: 154px;
	left: 3px;
}

.inactive #AccessoryLink {
	background-image: url(../images/nav-model-inactive-accessory.png);
}

.active #AccessoryLink {
	background-image: url(../images/nav-model-active-accessory.png);
}

#Content {
	background: transparent url(../images/bg-rocket.png) no-repeat 608px 86px;
	width: 991px;
}

#Container .singleColumn {
	padding: 39px 484px 48px 177px;
	width: 330px;
}

h1#HeaderOurStory {
	background: transparent url(../images/headings.png) no-repeat left -122px;
	text-indent: -9999px;
	width: 293px;
	height: 20px;
}

#Container .contactPage {
	background: transparent url(../images/bg-contact-us.png) no-repeat 254px 66px;
	height: 480px;
	position: relative;
}

.contactPage .leftColumn {
	float: left;
	padding: 36px 179px 0 174px;
	width: 261px;
}

.contactPage .leftColumn p {
	margin: 0 0 25px 0;
}

.contactPage .leftColumn p span {
	display: block;
	margin: 5px 0 0 0;
	color: #bebebe;
}

a.facebook {
	background-color: transparent;
	background-image: url(/images/nav-social.jpg);
	background-repeat: no-repeat;
	display: inline-block;
	width: 29px;
	height: 27px;
	text-decoration: none;
}

a.facebook {
	background-position: left top;
}

a.facebook:hover	{
	background-position: left -27px;
}

#Social a.facebook {
	width: 19px;
	height: 18px;
	background-position: -58px top;
}

#Social a.facebook:hover {
	background-position: -58px -18px;
}

a.twitter {
	background-color: transparent;
	background-image: url(/images/nav-social.jpg);
	background-repeat: no-repeat;
	display: inline-block;
	width: 29px;
	height: 27px;
	margin: 0 2px 0 0;
	text-decoration: none;
}

a.twitter {
	background-position: -29px top;
}

a.twitter:hover	{
	background-position: -29px -27px;
}

#Social a.twitter {
	width: 19px;
	height: 18px;
	background-position: -77px top;
}

#Social a.twitter:hover {
	background-position: -77px -18px;
}

.contactPage .rightColumn {
	float: left;
	padding: 58px 0 0 0;
}

h1#HeaderContactUs {
	background: transparent url(../images/headings.png) no-repeat left -180px;
	text-indent: -9999px;
	width: 261px;
	height: 19px;
	margin-bottom: 2px;
}

.contactPage dt {
	background: transparent url(../images/double-bullet.png) no-repeat left 3px;
	padding: 0 0 5px 24px;
	font-style: italic;
	font-weight: bold;
}

.contactPage dd {
	padding: 0 0 15px 24px;
}

#Pointer {
	display: block;
	width: 200px;
	height: 164px;
	position: absolute;
	top: 63px;
	left: 384px;
}

#GoogleMap {
	display: none;
	width: 550px;
	height: 300px;
	position: absolute;
}

#GoogleMap p {
	color: #000000;
}

#GoogleMapClose {
	display: none;
	position: absolute;
	color: #ffffff;
	padding: 5px;
	border: 1px solid #000000;
	background: #1f1f1f;
}

#GoogleMapClose:visited {
	color: #ffffff;
}

/*----------------------------------------------------------------------------
	Models
  ----------------------------------------------------------------------------*/

h1#HeaderEvoluzione {
	background: transparent url(../images/headings.png) no-repeat left top;
	text-indent: -9999px;
	height: 14px;
	margin: 0 0 22px 15px;
}

h1#HeaderPremiumPlus {
	background: transparent url(../images/headings.png) no-repeat left -14px;
	text-indent: -9999px;
	height: 14px;
	margin: 0 0 22px 15px;
}

h1#HeaderProfessionale {
	background: transparent url(../images/headings.png) no-repeat left -28px;
	text-indent: -9999px;
	height: 14px;
	margin: 0 0 22px 15px;
}

h1#HeaderTheClassic {
	background: transparent url(../images/headings.png) no-repeat left -42px;
	text-indent: -9999px;
	height: 14px;
	margin: 0 0 22px 15px;
}

#Container .modelContent {
	background: #000000;
	padding: 36px 0 0 0;
}

.modelContent .leftColumn {
	float: left;
	padding: 0 0 0 33px;
	width: 249px;
}

.modelContent .rightColumn {
	float: left;
	padding: 0 0 0 62px;
}

.horizontalRule {
	height: 0;
	width: 100%;
	border-bottom: 2px solid #333333;
	clear: both;
	font-size: 0;
	line-height: 0;
	padding: 14px 0 0 0;
	margin: 0 0 24px 0;
}

#Content ul {
	list-style-type: none;
}

#Content ul li {
	background: transparent url(../images/double-bullet-black.png) no-repeat left 5px;
	padding: 0 0 12px 23px;
	line-height: 1.5;
}

#HeaderAccessories {
	background: transparent url(../images/headings.png) no-repeat left -56px;
	text-indent: -9999px;
	height: 14px;
	margin: 0 0 22px 15px;
}

.pdfDownload {
	background: transparent url(../images/pdf-icon.png) no-repeat right 6px;
	padding: 0 69px 0 0;
	display: block;
}

/*----------------------------------------------------------------------------
	How to guides
  ----------------------------------------------------------------------------*/

h1#HeaderHowToGuides {
	background: transparent url(../images/headings.png) no-repeat left -142px;
	text-indent: -9999px;
	height: 19px;
	width: 325px;
	margin: 0 0 9px 0;
}

h2#HeaderExtraction {
	background: transparent url(../images/headings.png) no-repeat left -218px;
	text-indent: -9999px;
	height: 19px;
	width: 138px;
	margin: 0 0 7px 0;
}

h2#HeaderMilkTexturing {
	background: transparent url(../images/headings.png) no-repeat left -237px;
	text-indent: -9999px;
	height: 19px;
	width: 178px;
	margin: 0 0 7px 0;
}

h2#HeaderCareAndMaintenance {
	background: transparent url(../images/headings.png) no-repeat left -199px;
	text-indent: -9999px;
	height: 19px;
	width: 265px;
	margin: 0 0 7px 0;
}

#Container .howToGuidesContent {
	background: transparent url(../images/bg-how-to-guides.png) repeat-y left top;
	padding: 0 0 10px 200px;
	margin: 39px 0 48px 0;
	width: 791px;
}

.howToGuidesContent p {
	margin: 0 0 32px 0;
	width: 550px;
}

.videoWrapper {
	border: 2px solid #ffffff;
	width: 542px;
	margin: 0 0 36px 0;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	float: left;
}

.downloadWrapper {
	float: left;
	padding: 74px 0 0 56px;
}

.downloadWrapper a {
	display: block;
}

.videoWrapper object {
	display: block;
}

.galleryThumbs {
	margin: 25px 0;
	text-align: center;
}

.thumbnailsHolder {
	padding: 25px 0;
	text-align: center;
}

.galleryThumbs a {
	margin-right: 19px;
}

.thumbnailsHolder a {
	margin-right: 13px;
}

.thumbnailsHolder a.last, .galleryThumbs a.last {
	margin-right: 0;
}

.thumbnailsHolder a img, .galleryThumbs a img {
	border: 2px solid #3c3c3c;
}

/*----------------------------------------------------------------------------
	Where To Buy
  ----------------------------------------------------------------------------*/

#Container .whereToBuyContent {
	background: transparent url(../images/bg-world-map.png) no-repeat left 124px;
	padding: 0;
	margin: 0;
}

.whereToBuyContent .leftColumn {
	float: left;
	height: 450px;
	width: 660px;
	padding: 39px 0 51px 93px;
}

.whereToBuyContent .rightColumn {
	float: left;
	width: 214px;
	padding: 39px 0 51px 0;
}

h1#HeaderLocalDistributors {
	background: transparent url(../images/headings.png) no-repeat left -161px;
	text-indent: -9999px;
	height: 19px;
	width: 215px;
	margin: 0 0 7px 0;
}

.distributor {
	display: none;
}

.whereToBuyContent a {
	color: #ffffff;
}

.whereToBuyContent select {
	width: 166px;
	margin: 25px 0;
}

.whereToBuyContent .align {
	padding: 0 0 0 5px;
}

#DistributorLogo {
	margin-top: 40px;
}

span.attn {
	color: #ff4d6f;
	display: block;
	font-style: italic;
	margin-bottom: 10px;
}

div.distName span.name {
	color: #ffffff;
	display: block;
	padding-left: 17px;
}

div.distName {
	cursor: pointer;
}

div.distName {
	cursor: pointer;
	margin-bottom: 5px;
	padding-top: 0;
}

div.distName span.arrow {
	display: block;
	float: left;
	height: 10px;
	width: 10px;
	margin-top: 1px;
	background-image: url(../images/distributor-handle.png);
	background-repeat: no-repeat;
	background-color: transparent;
}

div.closed span.arrow {
	background-position: left top;
}

div.open span.arrow {
	background-position: left -10px;
}

div.distributor p {
	padding-left: 17px;
}

.listingAddress {
	display: none;
}

/*----------------------------------------------------------------------------
	Gallery
  ----------------------------------------------------------------------------*/

div.gallery {
	background: none repeat scroll 0 0 #000000;
	border: 3px solid #C8C8C8;
	min-height: 705px;
	width: 940px;
}

div.galleryHeader {
	color: #ff4d6b;
	height: 26px;
	padding: 20px 0 0;
	position: relative;
	text-align: center;
}

a.imageGalleryLink {
	display: block;
	margin: 0;
	font-size: 0.8em;
	padding: 0 0 0 40px;
}

div.closeLink {
	position: absolute;
	top: 17px;
	right: 47px;
	color: #ffffff;
}

div.closeLink a, div.closeLink a:visited {
	text-decoration: none;
	color: #ffffff;
}

.galleryName {
	position: absolute;
	top: 17px;
	left: 47px;
	font-weight: bold;
}

span.currentPhoto {
	padding: 0 11px 0 11px;
	color: #ffffff;
	font-weight: bold;
}

div.galleryBody {
	text-align: center;
}

div.galleryBody img {
	border: 3px solid #1f1f1f;
}

div.galleryFooter {
	text-align: center;
	padding: 24px 0 0 0;
}

div.galleryFooter a {
	padding: 0 11px 0 0;
        display:inline-block;
        margin-bottom: 10px;
}

div.galleryFooter a.last {
	padding: 0;
}

div.galleryFooter img {
	border: 2px solid #1f1f1f;
}

div.galleryFooter img.selected {
	border: 2px solid #ff4d6f;
}

/*----------------------------------------------------------------------------
	Secure
  ----------------------------------------------------------------------------*/

#Container .secureContent {
	background: transparent url(../images/bg-secure.png) no-repeat right bottom;
}

.secureContent .leftColumn {
	margin: 34px 0;
	background: transparent url(../images/bg-how-to-guides.png) repeat-y left top;
	height: 405px;
	width: 190px;
	float: left;
}

.secureContent .middleColumn {
	width: 441px;
	background: #333333;
	margin: 34px 0;
	float: left;
	padding: 17px 32px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.secureContent .rightColumn {
	float: left;
	width: 185px;
	margin: 34px 0 0 55px;
}

.secureContent .rightColumn .downloadInfo {
	width: 145px;
	padding: 17px 20px;
	background: #333333;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.secureContent .wand {
	width: 185px;
	height: 250px;
	background: transparent url(../images/bg-secure-right-column.png) no-repeat left top;
}

h1#HeaderDownloadArea {
	background: transparent url(../images/headings.png) no-repeat left -70px;
	text-indent: -9999px;
	height: 19px;
	width: 256px;
	margin: 0 0 7px 0;
}

h1#HeaderDownloadInstructions {
	background: transparent url(../images/headings.png) no-repeat left -89px;
	text-indent: -9999px;
	height: 33px;
	width: 128px;
	margin: 0 0 7px 0;
}

#Container .secureContent ul {
	padding: 0 0 14px 0;
}

#Container .secureContent ul li {
	background: transparent url(../images/bullet-circle.png) no-repeat left 7px;
	padding: 0 0 6px 8px;
}

.secureContent h2 {
	color: #ff4d6f;
	padding: 21px 0 8px 0;
	border-top: 1px solid #515151;
}

.secureContent h2.first {
	border-top: none;
	padding-top: 10px;
}

p.logoutLink {
	float: right;
}

p.logoutLink a {
	color: #ff4d6f;
	text-decoration: none;
	font-weight: bold;
}

p.logoutLink a:hover {
	text-decoration: underline;
}

/*----------------------------------------------------------------------------
	Layout
  ----------------------------------------------------------------------------*/

.panel {
}





/*----------------------------------------------------------------------------
	Navigation
  ----------------------------------------------------------------------------*/

#Nav {
}

#Nav li {
}

#Nav a {
}



/*----------------------------------------------------------------------------
	Typography
  ----------------------------------------------------------------------------*/
strong {
	font-weight: bold;
}

h1 {
	margin-bottom: 8px;
}
h2 {
}
h3 {
	font-weight:bold;
	line-height:22px;
}
h4 {
}

p {
	margin: 0 0 10px 0;
	line-height: 1.5;
}