/*******************************************************
* Structure
*******************************************************/

body.brandBoutique div#primary {
	width: 724px;
	float: left;
	padding-top:4px;
}

body.brandBoutique div#secondary {
	width: 220px;
	float: left;
	margin-top: -21px;
}

/* To create a full width background image using a content spot */

body.brandBoutique div#content {
	position: relative;
}

body.brandBoutique div#contentSpotBg {
	position: absolute;
	left: 0;
	right: 0;
	z-index: -20; 
}

div#brandBoutiqueExclusivesPanel div.carousel div.indicatorsContainer,
div#brandBoutiqueNews div.carousel div.indicatorsContainer {
	clear: both;
	overflow: hidden;
	position: relative;
	width: 350px;
	left: 339px;
}
div#brandBoutiqueExclusivesPanel div.carousel div.indicatorsContainerInner,
div#brandBoutiqueNews div.carousel div.indicatorsContainerInner {
	float: left;
}

/*******************************************************
* secondary navigation
*******************************************************/

body.brandBoutique div#secondaryNavigation {
	border-top: 1px solid #D0D0D0;
}

body.brandBoutique div#secondaryNavigation div.header {
	border-bottom: 1px solid #D0D0D0;
}

body.brandBoutique div#secondaryNavigation div.header h2 a {
	color: #000;
}

body.brandBoutique div#secondaryNavigation div.options ul li {
	padding-bottom: 8px;
}

body.brandBoutique div#secondaryNavigation div.options ul li a.selected {
	color: #000;
}

/*******************************************************
* introduction
*******************************************************/

div#brandBoutiqueIntroduction {
	margin: 461px 438px 0 16px;
	width: 270px;
	overflow: hidden;
	padding-top: 0 !important;
}

/*******************************************************
* news
*******************************************************/

div#brandBoutiqueNews {
	border: 1px solid #D0D0D0;
	margin-right: 16px;
	margin-left: 16px;
	padding: 36px 0px;
	background-color: #FFF;
}

div#brandBoutiqueNews div.carousel {
	overflow: hidden;
}

div#brandBoutiqueNews div.carousel div.clip {
	width: 618px;
	float: left;
	margin-bottom: 8px;
}

div#brandBoutiqueNews div.carousel div.backContainer {
	float: left;
	padding-top: 130px;
}

div#brandBoutiqueNews div.carousel div.forwardContainer {
	float: left;
	padding-top: 130px;
}

div#brandBoutiqueNews div.carousel a.back {
	background: url(../img/global/icon_arrow06_left.gif) no-repeat 16px 17px;
	display: block;
	height: 42px;
	width: 36px;
}

div#brandBoutiqueNews div.carousel a.backDisabled {
	background: url(../img/global/icon_arrow06_left_disabled.gif) no-repeat 16px 17px;
}

div#brandBoutiqueNews div.carousel a.forward {
	background: url(../img/global/icon_arrow06_right.gif) no-repeat 16px 17px;
	height: 42px;
	width: 36px;
	display: block;
}

div#brandBoutiqueNews div.carousel a.forwardDisabled {
	background: url(../img/global/icon_arrow06_right_disabled.gif) no-repeat 16px 17px;;
}

div#brandBoutiqueNews div.carousel div.indicatorsContainer a {
	background: url(../img/global/icon_indicator01.gif) no-repeat;
	height: 7px;
	width: 7px;
	float: left;
	margin-right: 4px;
}

div#brandBoutiqueNews div.carousel div.indicatorsContainer a.indicatorSelected {
	background-position: 0px -7px;
}

div#brandBoutiqueNews div.carousel div.clip ul {
	list-style: none;
}

div#brandBoutiqueNews div.carousel div.clip ul li div.newsItem {
	width: 618px;
	height: 300px; /* temp */
}

div#brandBoutiqueNews div.carousel div.clip ul li div.newsItem div.image {
	float: left;
	width: 338px;
}

div#brandBoutiqueNews div.carousel div.clip ul li div.newsItem div.details {
	float: left;
	width: 300px;
}

/*******************************************************
* look book
*******************************************************/

div#brandBoutiqueLookBookPanel {
	margin: 0px 16px;
}

/*******************************************************
* Exclusives
*******************************************************/

div#brandBoutiqueExclusivesPanel {
	margin: 0px 16px;
	border: 1px solid #d9d9d9;
	padding: 36px 0px;
}

div#brandBoutiqueExclusivesPanel div.carousel {
	overflow: hidden;
}

div#brandBoutiqueExclusivesPanel div.carousel div.backContainer {
	float: left;
	padding-top: 130px;
}

div#brandBoutiqueExclusivesPanel div.carousel div.forwardContainer {
	float: left;
	padding-top: 130px;
}

div#brandBoutiqueExclusivesPanel div.carousel a.back {
	background: url(../img/global/icon_arrow06_left.gif) no-repeat 16px 17px;
	height: 42px;
	width: 36px;
	display: block;
}

div#brandBoutiqueExclusivesPanel div.carousel a.forward {
	background: url(../img/global/icon_arrow06_right.gif) no-repeat 16px 17px;
	height: 42px;
	width: 36px;
	display: block;
}

div#brandBoutiqueExclusivesPanel div.carousel a.backDisabled {
	background: url(../img/global/icon_arrow06_left_disabled.gif) no-repeat 16px 17px;
}

div#brandBoutiqueExclusivesPanel div.carousel a.forwardDisabled {
	background: url(../img/global/icon_arrow06_right_disabled.gif) no-repeat 16px 17px;
}

div#brandBoutiqueExclusivesPanel div.carousel div.indicatorsContainer a {
	background: url(../img/global/icon_indicator01.gif) no-repeat;
	height: 7px;
	width: 7px;
	float: left;
	margin-right: 4px;
}

div#brandBoutiqueExclusivesPanel div.carousel div.indicatorsContainer a.indicatorSelected {
	background-position: 0px -7px;
}
div#brandBoutiqueExclusivesPanel div.carousel div.clip {
	width: 618px;
	float: left;
	margin-bottom: 8px;
}

div#brandBoutiqueExclusivesPanel div.exclusiveItem {
	width: 618px;
	height: 300px;
	overflow: hidden;
}

div#brandBoutiqueExclusivesPanel div.exclusiveItem div.image {
	float: left;
	width: 300px;
	margin-right: 16px;
}

div#brandBoutiqueExclusivesPanel div.exclusiveItem div.details {
	float: left;
}

div#brandBoutiqueExclusivesPanel div.exclusiveItem h2 {
	font-size: 1.4em;
	text-transform: uppercase;
}


/*******************************************************
* Gallery
*******************************************************/

div#brandBoutiqueGalleryPanel {
	margin: 0px 16px;
	border: 1px solid #D0D0D0;
	padding: 36px 0px;
	background-color: #FFF;
}

div#brandBoutiqueGalleryPanel div.carousel {
	overflow: hidden;
}

div#brandBoutiqueGalleryPanel div.carousel div.backContainer {
	float: left;
	padding-top: 130px;
}

div#brandBoutiqueGalleryPanel div.carousel div.forwardContainer {
	float: left;
	padding-top: 130px;
}


div#brandBoutiqueGalleryPanel div.carousel a.backDisabled,
div#brandBoutiqueFeaturedVideoPanel div.carousel a.backDisabled {
	background: #FFF url(../img/global/icon_arrow06_left_disabled.gif) no-repeat 16px 17px;
}

div#brandBoutiqueGalleryPanel div.carousel a.forwardDisabled,
div#brandBoutiqueFeaturedVideoPanel div.carousel a.forwardDisabled {
	background: #FFF url(../img/global/icon_arrow06_right_disabled.gif) no-repeat 16px 17px;
}

div#brandBoutiqueGalleryPanel div.carousel a.back {
	background: url(../img/global/icon_arrow06_left.gif) no-repeat 16px 17px;
	height: 42px;
	width: 36px;
	display: block;
}

div#brandBoutiqueGalleryPanel div.carousel a.forward {
	background: url(../img/global/icon_arrow06_right.gif) no-repeat 16px 17px;
	height: 42px;
	width: 36px;
	display: block;
}

div#brandBoutiqueGalleryPanel div.carousel div.indicatorsContainer {
	clear: both;
	overflow: hidden;
}

div#brandBoutiqueGalleryPanel div.carousel div.indicatorsContainerInner {
	padding: 0px 20px;
	float: right;
	overflow: hidden;
}

div#brandBoutiqueGalleryPanel div.carousel div.indicatorsContainer a {
	background: url(../img/global/icon_indicator01.gif) no-repeat;
	height: 7px;
	width: 7px;
	float: left;
	margin-right: 4px;
}

div#brandBoutiqueGalleryPanel div.carousel div.indicatorsContainer a.indicatorSelected {
	background-position: 0px -7px;
}
div#brandBoutiqueGalleryPanel div.carousel div.clip {
	width: 618px;
	float: left;
	margin-bottom: 8px;
}

div#brandBoutiqueGalleryPanel div.carousel div.clip {
	width: 618px;
	float: left;
}

div#brandBoutiqueGalleryPanel div.carousel div.clip ul {
}

div#brandBoutiqueGalleryPanel div.carousel div.clip ul li {
	overflow: hidden;
	width: 618px;
}

div#brandBoutiqueGalleryPanel div.galleryItem {
	width: 206px;
	float: left;
	height: 300px; /* temp */
	overflow: hidden;
}

/*******************************************************
* Featured video
*******************************************************/

div#brandBoutiqueFeaturedVideoPanel {
	margin: 0px 16px;
	border: 1px solid #d9d9d9;
	padding: 36px 0px;
}

div#brandBoutiqueFeaturedVideoPanel div.carousel {
	overflow: hidden;
}

div#brandBoutiqueFeaturedVideoPanel div.carousel div.backContainer {
	float: left;
	padding-top: 130px;
}

div#brandBoutiqueFeaturedVideoPanel div.carousel div.forwardContainer {
	float: left;
	padding-top: 130px;
}

div#brandBoutiqueFeaturedVideoPanel div.carousel a.back {
	background: url(../img/global/icon_arrow06_left.gif) no-repeat 16px 17px;
	height: 42px;
	width: 35px;
	display: block;
}

div#brandBoutiqueFeaturedVideoPanel div.carousel a.forward {
	background: url(../img/global/icon_arrow06_right.gif) no-repeat 16px 17px;
	height: 42px;
	width: 35px;
	display: block;
}

div#brandBoutiqueFeaturedVideoPanel div.carousel div.indicatorsContainer {
	clear: both;
	line-height: 7px;
	text-align: center;
}

div#brandBoutiqueFeaturedVideoPanel div.carousel div.indicatorsContainerInner {
	margin: 0 auto;
	display: inline;
}

div#brandBoutiqueFeaturedVideoPanel div.carousel div.indicatorsContainer a {
	background: url(../img/global/icon_indicator01.gif) no-repeat;
	display: inline-block;
	padding-left: 7px;
	padding-top: 7px;
}

div#brandBoutiqueFeaturedVideoPanel div.carousel div.indicatorsContainer a.indicatorSelected {
	background-position: 0px -7px;
}

div#brandBoutiqueFeaturedVideoPanel div.carousel div.clip {
	width: 620px;
	float: left;
	margin-bottom: 8px;
}

div#brandBoutiqueFeaturedVideoPanel div.carousel div.clip ul li div.videoItem {
	width: 620px;
	height: 300px;
	overflow: hidden;
}

/*******************************************************
* Uber brand intro
*******************************************************/

div#uberBrandIntroduction {
	margin: 475px 438px 0 16px;
	width: 313px;
	padding-top: 0 !important;
}

/*******************************************************
* Uber brand showcase
*******************************************************/

div#uberBrandShowcase {
	margin: 0px 10px 10px;
}

div#uberBrandShowcase div.carousel {
	overflow: hidden;
}

div#uberBrandShowcase div.carousel div.backContainer {
	float: left;
	padding-top: 130px;
}

div#uberBrandShowcase div.carousel div.forwardContainer {
	float: left;
	padding-top: 130px;
}

div#uberBrandShowcase div.carousel a.back {
	background: url(../img/global/icon_arrow06_left.gif) no-repeat 16px 17px;
	height: 42px;
	width: 36px;
	display: block;
}

div#uberBrandShowcase div.carousel a.forward {
	background: url(../img/global/icon_arrow06_right.gif) no-repeat 16px 17px;
	height: 42px;
	width: 36px;
	display: block;
}

div#uberBrandShowcase div.carousel a.backDisabled {
	background-image: url(../img/global/icon_arrow06_left_disabled.gif);
}

div#uberBrandShowcase div.carousel a.forwardDisabled {
	background-image: url(../img/global/icon_arrow06_right_disabled.gif);
}

div#uberBrandShowcase div.carousel a.start {
	background: url(../img/global/icon_arrow06_right.gif) no-repeat;
	width: 4px;
	height: 7px;
	display: block;
	float: left;
}

div#uberBrandShowcase div.carousel a.startDisabled {
	background-image: url(../img/global/icon_arrow06_right_disabled.gif);
}

div#uberBrandShowcase div.carousel a.stop {
	background: url(../img/global/icon_indicator01.gif) no-repeat 0px -7px;
	width: 7px;
	height: 7px;
	display: block;
	float: left;
	margin-left: 4px;
}

div#uberBrandShowcase div.carousel a.stopDisabled {
	background-position: 0px 0px;
}


div#uberBrandShowcase div.carousel div.indicatorsContainer {
	clear: both;
	overflow: hidden;
}

div#uberBrandShowcase div.carousel div.indicatorsContainerInner {
	padding: 0px 20px;
	float: right;
	overflow: hidden;
}

div#uberBrandShowcase div.carousel div.indicatorsContainer a {
	background: url(../img/global/icon_indicator01.gif) no-repeat;
	height: 7px;
	width: 7px;
	float: left;
	margin-right: 4px;
}

div#uberBrandShowcase div.carousel div.indicatorsContainer a.indicatorSelected {
	background-position: 0px -7px;
}
div#uberBrandShowcase div.carousel div.clip {
	width: 618px;
	float: left;
	margin-bottom: 8px;
}

div#uberBrandShowcase div.carousel div.clip {
	width: 618px;
	float: left;
}
div#uberBrandShowcase div.carousel div.clip ul {

}

div#uberBrandShowcase div.carousel div.clip ul li div.uberBrandShowcaseItem {
	width: 618px;
	height: 300px;
	overflow: hidden;
}

/*******************************************************
* cms content spot styles
*******************************************************/

.cmsBBNews {

}
.cmsBBNewsImage {
	float: left; width: 300px;
}
.cmsBBNewsContent {
	float: right;
	width: 296px;
	margin-left: 18px;
	height: 300px;
}
.cmsBBNews ul {
	list-style-type: disc;
	margin: 0 0 1em;
	padding-left: 25px;
}
.cmsBBNews ul li {
	font-size: 1.1em;
	padding: 0 0 0.2em;
}
.cmsBBNews td, .cmsBBNews th {
	font-size: 1.1em;
}
.cmsBBNews th {
	font-weight: bold;
}