/**
* @author	Jasal Vadgama - Javelin Group
* @version	1.0
* @media	screen
*
* @info		Generic promo elements
*
* @contents
*/

/**
* =1: Hero slot
*/
.heroSlot {
	padding: 0;
	margin: 0;
	width: 960px;
	float:left;
	display:inline;
}
.heroSlot a img { display: block;}
.catHero {
	float: left;
	display: inline;
	margin: 5px 0 0 7px;
	padding: 0px;
	width: 743px;
	background: #fff;
	background-position: left top;
	background-repeat: no-repeat;
}

.hpPromos { float: left; }

#hpV2 .contentPod { float: left; }
#hpV2 .hpPromos { float: right; }
#hpV2 .brandPod { float: left !important; }


/**
* =2.1: Promo pod category extension
*/
.categoryList li {
	padding-bottom: 10px;
	background: #4c5a88;
}
.categoryList b {
	display: block;
	padding: 2px 0 10px;
}
.categoryList img {
	display: block;
	margin: 0 auto 5px;
}

/**
* =2.2: Promo Pod Link
**/

/**
* =3: Content Pod
*/
.contentPod {
	float: right;
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 225px;
	background: url(/images/backgrounds/brand-pod-bottom.png) bottom left no-repeat;
	font-size: 0.77em;
}
.contentPod h2 {
	padding: 10px !important;
	background: url(/images/backgrounds/brand-pod-top.png) top left no-repeat;
}
.contentPod h2 span { float: left; }
.contentPod h2 a { float: right; }
.contentPod p { padding-bottom: 0; }
.contentPod ul {
	padding: 0 5px;
	width: 215px;
	background: url(/images/backgrounds/brand-pod-middle.png) top left repeat-y;
}
.contentPod .verticalCarousel {
	height: 440px;
	overflow: hidden;
}
.contentPod ul li:first-child {
	background: url(/images/backgrounds/brand-pod-middle-cap.png) -5px 0 no-repeat;
	border: 0;
}

/**
* =4: Brand Assets
*/
/**
* =4.1: Brand List
**/
.brandList li {
	padding: 20px;
	width: 175px;
	text-align: center;
}

/**
* =4.2: Brand Page
**/
.brandsList {
	width: 100%;
	border-spacing: 10px;
}
.brandsList td {
	width: 140px;
	height: 140px;
	border: 1px solid #e6e6e6;
	vertical-align: middle;
	text-align: center;
}

/**
* =6: Store Locator
*/
/**
* =6.1: Search page
*/
#StoreLocator {
	float: left;
}
.storeFinder input {
    width: 150px;
    margin: 3px 0 3px 10px;
}
#StoreDetails {
	float: left;
	width: 475px;
}
.leftContent #StoreDetails {
    float: left;
    width: 253px;
    margin-left: 10px;
    display: inline;
}
#StoreDetails table {
	clear: both;
	width: 432px;
}
#StoreDetails table th {
	padding: 15px 0 5px;
	font-family: dinRegular;
	text-transform: uppercase;
    background: url(/images/backgrounds/bg-mapkey-line.gif) repeat-x left bottom;
}
#StoreDetails table td {
	padding: 5px 0 5px;
	width: auto;
	vertical-align: top;
}
#StoreDetails table .address { width: 320px; }
#StoreDetails table .distance { width: 112px; text-align: right; }
#StoreDetails table address { font-style: normal; }
#StoreDetails table a.primaryButton, #StoreDetail table a.secondaryButton { min-width: 100px; }

.mainContent .storeDetails { padding: 10px 0 10px 10px; width: 670px;}
.mainContent .storeDetails h2 {
    font-family: dinRegular;
    padding-top: 5px;
}
.storeDetails h2 { font-weight: normal;}
.shopsStoreFront {
    float: left;
    display: inline;
}
.storeDetailsCol {
    float: left;
    display: inline;
    width: 200px;
    margin: 16px 39px 10px 0;
}
.sdRight {
    margin: 35px 0 15px !important;
    width: 192px !important;
}
.sdRight img {width: 192px; height: 114px;}
.storeDetailsCol dl {
    width: 200px !important;
    padding: 0 0 5px!important;
    margin-bottom: 35px;
    float: left;
    display: inline;
}
.storeDetailsCol dt {
    background: url(/images/backgrounds/bg-storefinder-dt-pencil-line.gif) no-repeat left bottom;
    padding: 5px 0 10px !important;
    display: block;
    margin-bottom: 5px;
}
#locationMap { margin: 0 0 4px 4px !important;}
#locationMap .storeDetailsCol, #locationMap .storeDetailsCol dl {margin: 0 !important;}
#directionDiv {
    padding: 0 !important;
    margin-bottom: 15px !important;
    display: none;
    width:500px !important;
    font-size: 11px !important;
    position: relative;
    float: left;
}
#directionDiv > div { float: left; display: inline;}
#directionDiv div div.googledir div div table tr {}
#directionDiv div div.googledir div div table td {border: none !important;}
#directionDiv .googledir table {
    margin: 0px !important;
    background: none !important;
    border: none !important;
    float: left;
    display: inline;
}
#directionDiv table.startingPoint { width: 320px !important;}
.copyBlank { display: none;}
.totalDistanceBoard {
    float: right !important;
    width: 180px;
    position: absolute;
    top: 12px;
    right: 8px;
 }
.totalDistance {
    font-weight: bold;
    margin-right: 4px;
}
fieldset.storeMap { position: relative; }
.directionDivLine {
    background: url(/images/backgrounds/bg-storefinder-dt-pencil-line.gif) repeat-x left bottom;
    width: 685px;
    height: 3px;
    position: absolute;
    left: 0px;
    bottom: -3px;
}
.mapKeyDivLine {
    background: url(/images/backgrounds/bg-mapkey-line.gif) repeat-x left bottom;
    width: 685px;
    height: 3px;
    position: absolute;
    left: 0px;
    bottom: 10px;
}
.mapKeys {
    padding: 4px 5px 5px 10px !important;
    margin-bottom: 14px;
    position: relative;
}
.mapKeys img { margin: 0 1px 0 10px;}
.mapKeys span {
    text-transform: uppercase;
    font-family: dinRegular;
    font-weight: bold;
}
.sdBlockMarker input{ margin-left: 0;}
/**
* =6.2: Details page
*/
#UpdateStoreDetail .storeDetails {
	float: left;
	width: 400px;
}
#UpdateStoreDetail .storeMap {
	float: right;
	width: 550px;
}
#UpdateStoreDetail .exitButtons {
	clear: both;
	padding-top: 10px;
	width: 960px;
}

/**
* =x: Product Carousel
**/
.jcarousel-container { position: relative; }
.jcarousel-container-vertical {
	padding: 60px 0;
}
.jcarousel-clip-horizontal {
    z-index: 2;
    padding: 0;
    margin: 0 0 0 85px;
    overflow: hidden;
    position: relative;
	width: 540px;
	float: left;
}
.jcarousel-clip-vertical {
    z-index: 2;
    padding: 0;
    margin: 5px auto;
    overflow: hidden;
    position: relative;
	height: 470px;
	background: url(/images/backgrounds/brand-pod-middle.png) left top repeat-y;
}

.jcarousel-list {
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    width: 75px; /* We set the width/height explicitly. No width/height causes infinite loops. */
}
ul.jcarousel-list-horizontal {
	padding: 0 !important;
	margin: 0 0 0 5px !important;
	background: none;
	float: none !important;
	display: inline-block !important;
}
ul.jcarousel-list-vertical, ul.jcarousel-list-vertical li:first-child { background: 0; }
ul.jcarousel-list-vertical li { border: 0; }
ul.jcarousel-list-vertical li .price { padding-bottom: 10px; }
ul.jcarousel-list-vertical li form p { padding-left: 0; }

.jcarousel-prev-horizontal, .jcarousel-next-horizontal {
	top: 50%;
	margin-top: -50px;
    z-index: 3;
    display: none;
    float: left;
}
.jcarousel-prev-vertical, .jcarousel-next-vertical {
	left: 50%;
	margin-left: -28px;
    z-index: 3;
    display: none;
    float: left;
}

/* Horizontal Buttons */
.jcarousel-next-horizontal {
    position: absolute;
    right: 20px;
    top: 120px;
    width: 24px;
    height: 27px;
    cursor: pointer;
    background: transparent url(/images/icons/carousel/next-horizontal-black.png) no-repeat 0 0;
}
.jcarousel-prev-horizontal {
    position: absolute;
    width: 26px;
    top: 120px;
    height: 27px;
    cursor: pointer;
    left: 20px;
    background: transparent url(/images/icons/carousel/prev-horizontal-black.png) no-repeat 0 0;
}
.jcarousel-next-horizontal:hover, .jcarousel-prev-horizontal:hover { background-position: -26px 0; }
.jcarousel-next-horizontal:active, .jcarousel-prev-horizontal:active { background-position: -52px 0; }
.jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:active,
.jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -78px 0;
}

/* Vertical Buttons */
.jcarousel-next-vertical, .jcarousel-prev-vertical {
    position: absolute;
    bottom: -5px;
    width: 56px;
    height: 60px;
    cursor: pointer;
    background: transparent url(/images/icons/carousel/next-vertical.png) no-repeat 0 0;
}
.jcarousel-prev-vertical {
    top: 5px;
    background: transparent url(/images/icons/carousel/prev-vertical.png) no-repeat 0 0;
}
.jcarousel-prev-vertical:hover { background-position: 0 -64px; }
.jcarousel-next-vertical:hover { background-position: 0 -66px; }
.jcarousel-prev-vertical:active { background-position: 0 -125px; }
.jcarousel-next-vertical:active { background-position: 0 -128px; }
.jcarousel-next-disabled-vertical, .jcarousel-next-disabled-vertical:hover, .jcarousel-next-disabled-vertical:active,
.jcarousel-prev-disabled-vertical, .jcarousel-prev-disabled-vertical:hover, .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -195px;
}
/**
* =7: Merchandised - Get The Look
*/
.gtlHolder {
    width: 960px;
    float: left;
    display: inline;
    background: url(/images/backgrounds/bg-gtlholder-midline.gif) repeat-y top;
}
.gtlHeader {
    width: 960px;
    height: 106px;
    float: left;
    display: inline;
    /*background: url(/images/categories/gtlheader.jpg) no-repeat left top;*/
}
.gtlMainImage {
    width: 338px;
    /*height: 688px;*/
    float: left;
    display: inline;
    margin: 2px 3px;
    padding: 3px;
    background: url(/images/backgrounds/bg-merchandised-gtl-picframe.gif) no-repeat left top;
}
.gtlMainImage img {
    float: left;
}
.gtlPrice {
    float: right;
    display: inline;
    width: 210px;
    padding: 4px 0 0!important;
}
.merchandisedList .gtlSize .sizeGuide { margin:5px 0 0 !important;}
.merchandisedList .gtlPrice b.hiacynt {
    color: #970051 !important;
    font-weight: 600 !important;
    display: inline;
}
.gtlListImage img.primaryImage {width: 130px; height: 165px;}
.merchandisedList .bsktBtns {
    width: 400px;
    float: left;
    display: inline;
}
.gtlPrice b.bwPrice {
    color: #666 !important;
    margin: 0 !important;
    font-weight: normal;
    padding: 0 !important;
    display: inline;
}
.hiacynt em { margin: 0; font-weight: bold;}
.merchandisedList .gtlPrice b.bwHiacynt  {font-weight: 600;margin: 2px 0 0 !important; color: #333 !important;}
.gtlProductList {
    width: 600px;
    float: left;
    display: inline;
    margin: 0 2px;
}
.gtlListProducts {
    float: left;
    display: inline;
    width: 240px;
    margin: 3px 0 0;
}
.merchandisedList {
    width: 600px !important;
    padding: 0 !important;
    background: none !important;
}
.gtlProductList .merchandisedList li {
    width: 590px !important;
    background: url(/images/backgrounds/bg-search-tabs-bottomline.jpg) no-repeat left bottom !important;
    position: static;
    float: left;
    padding:10px 0;
    display: block;
}
.merchandisedList li h3 b {
    margin: 3px;
}
.merchandisedList li h3 a {
    font-size: 11px;
}
.merchandisedList p.description {
    float: left !important;
    display: inline !important;
}
.merchandisedList li div span {
    background: none !important;
    color: #333 !important;
    text-transform: none !important;
    margin: 4px 0px !important;
    padding: 0 !important;
}
.merchandisedList label {
    width: auto;
    padding: 3px 3px 3px 0 !important;
    margin: 0 !important;
}
.merchandisedList .addToBasketButton {
    height: 22px !important;
    padding: 0 !important;
    clear: both;
    background: url(/images/buttons/btn-sprite.png) left -48px no-repeat !important;
}

.merchandisedList .disabledAddButton {
    background: url(/images/buttons/btn-sprite.png) -191px -48px no-repeat !important;
}

.merchandisedList .disabledAddButton input {
    cursor: default !important;
}

#AddToBasketMerchandisedList  .newListSelected {margin-top: 4px; margin-right: 4px; width: 255px !important; padding-top: 0px !important; padding-bottom: 2px !important; line-height: 1.2em;}
#AddToBasketMerchandisedList .newList, #AddToBasketMerchandisedList .selectedTxt {width: 253px !important; padding-top: 0!important;}

#merchandisedProductQty .newListSelected, .gtlQty .newListSelected {width:35px !important;margin-top: 4px; padding-top: 0 !important;}
#merchandisedProductQty ul.newList, #merchandisedProductQty .selectedTxt {width:33px !important;line-height: 1.2em;}

.merchColorOptions {
    float: left;
    display: inline;
    clear: both;
    width: 400px;
    margin: 0 !important;
}
.merchColorOptions label.colorSelected, .merchandisedList .sizeLabel {
    width: 50px !important;
    float: left;
    text-align: left;
    clear: left;
    padding-top: 3px !important;
}
ul.variantList {
    float: left;
    display: inline;
}
.gtlListImage {
    display: inline;
    float: left;
    position: relative;
    margin: 0 5px 0 0;
}
.gtlListImage img.badgeImage {
    width: auto !important;
    position: absolute;
    top: 2px !important;
    right: 3px !important;
    margin: 0;
    padding: 0;
}
.videoGTL {
    float: left;
    display: block;
    margin: 4px;
    width: 330px;
    height: 25px;
    text-align: center;
}
.videoGTL a {
    width: 96px;
    height: 24px;
    display: block;
    text-indent: -999em;
    background: url(/images/buttons/btn-sprite.png) no-repeat left -133px;
    margin-left: 125px;
    margin-top: 0;
    text-transform: uppercase;
}
.variantList {
    float: left;
}
.variantList li {
    width: auto !important;
    height: auto !important;
    float: left !important;
}
/*
** Gift Vouchers
*/
.gvContent p { display: block;}
.gvContent .fs { margin: 8px 0; float: none;}
.gvTopHolder {
    float: left;
    display: inline;
    margin: 0;
    padding: 0 0 20px;
    width: 960px;
    background: url(/images/backgrounds/bg-gv-bottomline.gif) no-repeat left bottom;
}
.gvPicture {
    float: left;
    display: inline;
    margin: 0;
    width: 335px;
    text-align: center;
}
.gvContent {
    float: left;
    display: inline;
    margin: 0;
    width: 625px;
}
h1.giftVoucherHeading {
    width: 243px;
    height: 16px;
    display: block;
    padding: 0;
    margin: 10px 0;
    font-family: dinRegular !important;
    text-transform: uppercase;
    /*background: url(/images/backgrounds/bg-lightbox-headers.png) no-repeat left -144px;*/
}
.gvContent p {
    padding: 0 !important;
}
.gvContent ul { margin: 0 0 10px; }
.gvContent li {
    padding: 5px 0 0 !important;
    list-style: disc;
    margin: 0 0 0 13px;
}