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

/* Sticky footer */
html, body, #main_wrapper {height: 100%; position: relative; }
body > #main_wrapper {height: auto; min-height: 100%;}


body, input, textarea { 
	font-family: Arial, Verdana, sans-serif; 
	font-size: 10px; 
	color: #29272A; 
}

/* Collection colors */
.white {
	background-color: #FFFFFF !important;
	color: #999999; /* #29272A; */
}
.white #footer_wrapper {
	background-color: #FFFFFF !important;
}

.black {
	background-color: #0D0E10 !important;
	color: #999999;
}
.black #footer_wrapper {
	background-color: #0D0E10 !important;
}

a { color: #999999; text-decoration: underline; }
a:hover { text-decoration: none; }

h3 { font-size: 14px; color: #ff6600; text-transform: uppercase; font-weight: normal; }

.black h4 { color: #ffffff; font-size: 11px; }
.white h4 { color: #29272A; font-size: 11px; }

.black h5 { color: #ffffff;/* #ff6600; */ }
.white h5 { color: #29272A; }

label { color: #999999; }
.white strong { color: #ff6600; }
.black strong { color: #ccc;/* color: #ffffff; */ }

/*--- Content ---*/

#content { 
	z-index: 9000;
	width: 1000px; 
	margin: 0px auto; 
	padding-bottom: 22px;
	padding-top: 68px; 
	position: relative; 
}

/*- Home page -*/
#home { 
/*
	background-image: url(../images/made_in_italy_fashion_shoes.jpg);
	background-repeat: no-repeat;
	background-position: right top;
*/
}
#home #content { 
	padding-bottom: 0px; 
}

#home_box { 
	position: absolute; 
	left: 54px; 
	top: 220px;
}

/* Logo */
#content #home_box #logo { 
	position: absolute;
	left: 11px; 
	top: 0px;
}

/* Logo */
#logo { 
	position: absolute;
	top: 35px;
	right: 30px;
	float: right;
	z-index: 10000;
}
#logo h1 { display: block; }
#logo a { display: block; }
#logo img { display: block; }


/* Language menu & collections menu */
#home_box ul { 
	padding-left: 3px; 
	padding-top: 54px; 
	overflow: hidden; 
	clear: both;
}
#home_box ul.choose_collection { 
	padding-top: 6px;
}

#home_box ul li { 
	float: left; 
	padding-left: 8px; 
	color: #999; /* color: #0d0e10;  */
	width: 50px;
}
#home_box ul li:first-child {
	/* width: 142px; */
	width: 152px;
}
#home_box ul.choose_collection li:first-child { 
	color: #FF6600; 
}
#home_box a { 
	color: #999; /* color: #0d0e10;  */
}
#home_box a.selected { 
	color: #FF6600;
	text-decoration: none;
}

#home_box #facebook { 
	position: absolute; 
	left: 11px; 
	top: 104px; /* -6px */
	text-decoration: none; 
}
#home_box #facebook img { 
	position: relative; 
	top: 22px; 
	left: 10px; 
}


/* #home_box .intro-text, */ #home_box #fb-like {
	padding-top: 12px;
	padding-left: 11px;
	width: 290px;
}

/*- Pages -*/


#content_nav { 
	margin: 0px auto; 
	width: 505px; 
	height: 20px; 
	clear: both; 
	padding-top: 88px; 
}
#content_nav li { height: 20px; padding-right: 10px; float: left; }
#content_nav li.last { padding-right: 0px; }
#content_nav li a { 
	display: block; height: 100%; background: url(../images/menu_sprite.png) no-repeat left top transparent; text-indent: -9999px; 
}

#content_nav a#nav_collection { width: 146px; background-position: 0px -20px; }
#content_nav a#nav_collection.selected, #content_nav a#nav_collection:hover { background-position: 0px 0px !important; }

#content_nav a#nav_aboutus { width: 125px; background-position: -146px -20px; }
#content_nav a#nav_aboutus.selected, #content_nav a#nav_aboutus:hover { background-position: -146px 0px !important; }

#content_nav a#nav_events { width: 95px; background-position: -271px -20px; }
#content_nav a#nav_events.selected, #content_nav a#nav_events:hover { background-position: -271px 0px !important; }

#content_nav a#nav_contact { width: 109px; background-position: -366px -20px; }
#content_nav a#nav_contact.selected, #content_nav a#nav_contact:hover { background-position: -366px 0px !important; }

/*- Collection page -*/
#collection_name { 
	display: block; 
	position: absolute; 
	/* right: 28px;  */
	top: 49px; 
}

#transparent {
	display: block;
	position: absolute;
	left: 0px;
	height: 0px;
	width: 500px;
	height: 335px;
	z-index: 1000;
}

#collection_carousel {
	position: relative;
	width: 502px;  /* width: 500px; */
	height: 360px; /* height: 335px; */
	margin: 12px auto 0px auto; 
	/* border: 1px solid #c5c5c5; */
}

#collection_carousel #arrow_prev, #collection_carousel #arrow_next {
	position: absolute; 
	display: block; 
	float: left;
	width: 15px; 
	height: 15px;
	top: 156px;
	left: 0px;
	background: url(../images/arrow_collection.png) no-repeat left top transparent;
}


#collection_carousel #arrow_prev {
	background-position: left bottom;
	left: -35px;
}
#collection_carousel #arrow_prev:hover {
	background-position: left top;
}

#collection_carousel #arrow_next {
	background-position: right bottom;
	left: auto;
	right: -32px;
}
#collection_carousel #arrow_next:hover {
	background-position: right top;
}

#collection_carousel #inner_carousel {
	position: relative;
	/* height: 100%;  */
	/* width: auto; */
	width: 500px;
	height: 334px;
	overflow: hidden;
	border: 1px solid #c5c5c5;
	background: #fff;
}

#collection.white #collection_carousel #inner_carousel {
	border: 1px solid #fff;
}

#collection_carousel #inner_carousel div {
	width: 10000px;
	height: 100%;
	position: relative;
}
#collection_carousel #inner_carousel img {
	/* float: left; */
	position: absolute;
	display: block;
	top: 1px;
	left: 0px;
	/* width: 500px; */
	/* height: 335px; */
}

#collection_carousel #inner_carousel span {
	position: absolute; 
	display: block; 
	width: 100%;
	top: 315px;
	text-align: center;
	font-size: 12px; 
	color: #999999;
}


#nav_carousel {
	width: 100%;
	height: 24px;
	position: relative;
}

#nav_carousel #nav_prev, #nav_carousel #nav_next {
	display: block;
	width: 9px; 
	height: 11px;
	float: left;
	margin-top: 7px;
	background: url(../images/nav_arrows.png) no-repeat 0px 0px transparent;
}

#nav_carousel #nav_prev {
	float: left;
	margin-left: 2px;
}
#nav_carousel #nav_next {
	margin-right: 2px;
	float: right;
	background-position: -9px 0px; 
}


#nav_number {
	float: left;
	position: relative;
	overflow: hidden;
	
	/* width: 460px; */
	/* margin: 0px 10px 0px 10px; */
	width: 448px;
	margin: 0px 16px 0px 16px;
	
	padding-top: 2px;
	height: 22px;
}

#nav_number div {
	float: left;
	width: 10000px;
}

#nav_number a {
	display: block;
	float: left;
	
	width: 12px;
	margin: 4px 6px 0px 6px;
	padding: 1px 4px 0px 4px;

	font-size: 11px;
	text-align: center;
	overflow: hidden;
	text-decoration: none;
}

#nav_number a.selected, #nav_number a:hover {
	background: #999999;
	color: #fff;
}

#nav_img_preview {
	position: absolute;
	bottom: 21px;
	background: url(../images/nav_arrows.png) no-repeat -18px bottom transparent;
	padding-bottom: 7px;
	display: none;
}

#nav_img_preview img {
	width: 128px;
	height: 85px;
	border: 1px solid #C5C5C5;
}


/*- About Us page -*/
#aboutus_tabs { 
	width: 500px; 
	height: 335px; 
	margin: 12px auto 0px auto; 
	border: 1px solid #ff6600; 
	position: relative; 
}
#aboutus_tabs ul { 
	padding-left: 18px; 
	padding-top: 15px; 
	overflow: auto; 
}
#aboutus_tabs ul li { 
	float: left; 
	padding-right: 10px; 
	font-size: 11px; 
}
#aboutus_tabs ul li .selected { 
	color: #ff6600; 
	text-decoration: none;
}


#aboutus_tabs .text {
	height: 280px;
	margin-top: 11px; 
	overflow: hidden;
}

/*
#aboutus_tabs #text_aboutus {
	height: 280px;
	margin-top: 11px; 
	overflow: hidden;
}
*/

#aboutus_tabs p {
	font-size: 11px; 
	text-align: justify;
	padding-right: 16px;
	padding-left: 18px;
}
#aboutus_tabs p strong { font-weight: normal; }

#aboutus_tabs .jspVerticalBar {
	width: 5px;
	background: none;
	right: 8px;
}

#aboutus_tabs .jspTrack {
	background: none;
}

#aboutus_tabs .jspDrag {
	background: #ff6600;
	border-right: 2px solid #0D0E10;
	border-left: 2px solid #0D0E10;
}



/*- Events page -*/
#events_list { width: 500px; height: 335px; margin: 12px auto 0px auto; border: 1px solid #ff6600; }
#events_list ul { float: left; padding-left: 13px; padding-top: 13px; width: 236px; }
#events_list ul li { padding-bottom: 25px; }
#events_list ul li h3 { padding-bottom: 14px; }
#events_list ul li h4 { padding-bottom: 14px; }
#events_list ul li p { color: #999999; font-size: 11px; }

#events_list ul li span { color: #999999; font-size: 11px; }
#events_list ul li a { color: #999999; text-decoration: underline; display: block; font-size: 11px; }
#events_list ul li a:hover { text-decoration: none; }

#events_list ul li p.info {
	overflow: hidden;
}
#events_list ul li p.info span {
	float: left;
	padding-right: 3px;
}
#events_list ul li p.info a {
	float: left;
}


						
/*- Contact page -*/
#contact_module { width: 500px; height: 335px; margin: 12px auto 0px auto; border: 1px solid #ff6600; position: relative; }

#contact_module h3 { padding-left: 13px; }

#contact_module #info { height: 65px; padding-top: 13px; }
#contact_module #info h3 { float: left; padding-right: 5px; }
#contact_module #info a { float: left; padding-top: 3px; }
#contact_module #info p { float: left; line-height: 12px; cursor: pointer; }

#contact_module ul { padding-left: 13px; padding-top: 13px; height: 25px; }
#contact_module ul li { float: left; width: 175px; }
#contact_module ul li.last { width: 110px; }
#contact_module ul li a { display: block; }
#contact_module dl { padding-left: 13px; padding-top: 10px; float: left; }
#contact_module dl dt { padding-top: 5px; padding-bottom: 0px;  }

#contact_module input { 
	width: 200px; height: 12px; border: 1px solid #999999; background: none; 
}
#contact_module textarea { 
	width: 200px; height: 115px; border: 1px solid #999999; background: none; 
}

.black input, .black textarea {
	color: #fff;
}

#contact_module dl#message { float: right; padding-right: 13px; }

dl#privacy_check { clear: both; padding-left: 9px; padding-top: 5px; width: 477px; }
dl#privacy_check dd { float: left; padding-right: 3px; } 
dl#privacy_check dd input { width: auto; height: auto; border: none; }
dl#privacy_check dt { float: left; }
dl#privacy_check dt label a { text-decoration: underline; font-style: italic; color: #ff6600; }

dl#privacy_check dt#submit { 
	float: right; 
}
#submit a { 
	font-weight: bold; 
	color: #ff6600; 
}

/*- Legal page -*/
#legal h3 { 
	padding-top: 15px; 
	padding-bottom: 10px; 
	text-align: center;
}
#legal h4 { 
	padding: 0px 0px 10px 8px; 
}
#legal p { 
	padding: 0px 8px 11px 8px; 
	font-size: 11px; 
}



/* #footer */
#footer_wrapper { 
	position: absolute; 
	height: 22px; 
	width: 100%; 
	bottom: 0px; 
	border-top: 1px solid #999999; 
}

#intro-text {
	
	position: absolute;
	bottom: 32px;
	left: 0px;
	/* width: 290px; */ 
}

#intro-text p {
	margin-top: 6px;
	margin-left: 20px;
	color: #ccc;
}



#footer_nav { 
	float: left; 
	padding-left: 20px; 
	line-height: 20px; 
}
#footer_nav li { 
	float: left; 
	padding-right: 10px; 
	color: #999999;
}
#footer_nav li span { 
	color: #ff6600; 
}

#legal_info { 
	float: right; 
	padding-right: 20px; 
	line-height: 20px; 
}
#legal_info li { 
	float: left; 
	padding-left: 10px; 
}

#legal_info li a img { 
	position: relative;
	top: 2px;
}

/* \ #footer */