/*  ===== pt_productdetails Notes =====   /
	Styles for the pt_productdetails pages.
	This page has a two column layout,
*/

#pt_productdetails #main { overflow: visible; }
#pt_productdetails #container { padding: 82px 0 20px; }
#pt_productdetails #content { width: 992px; overflow: visible; }
#pt_productdetails #content .innerContent { position: relative; overflow: visible; }
#pt_productdetails .detailContainer { overflow: visible; width: 100%; }
#pt_productdetails .detailsBox { display: inline; float: left; width: 779px; overflow: visible; z-index: 2; position: relative; }
#pt_productdetails .recommendationBox { display: inline; float: left; width: 205px; z-index:-1; overflow: hidden; padding: 0 4px 4px; }
#pt_productdetails .rightBanner { position: absolute; left:992px; top: 0px; z-index:-1; }

/***********************************************/
/* Page Styling CSS                            */
/***********************************************/	

#pt_productdetails #content .detailContainer,
#pt_productdetails #content .innerContent,
#pt_productdetails #content .borderbox2,
#pt_productdetails #content .borderbox2 .content { width: 100%;  }
#pt_productdetails.pt_productsetdetails #content .borderbox2 .content {height: 100%;}
#pt_productdetails.pt_productsetdetails #content .borderbox2 .content .arrow {line-height: 103px;}
#pt_productdetails.pt_productsetdetails #content .borderbox2 .content .leftButton span {background-image: url(../images/left_triangle.png); background-position: 0 0;}
#pt_productdetails.pt_productsetdetails #content .borderbox2 .content .rightButton span {background-image: url(../images/right_triangle.png); background-position: 0 0;}
#pt_productdetails.pt_productsetdetails #content .borderbox2 .content .active span {background-position: -9px 0;}
#pt_productdetails.pt_productsetdetails #content .borderbox2 .content a span {font-size: 0; display: inline-block; width: 9px; height: 17px; margin-top: 42px;} 
#pt_productdetails.pt_productsetdetails #content .imageSelector .borderbox2 {width: 17px; float: left; height: 101px;}
#pt_productdetails.pt_productsetdetails #content .imageSelector .item {width: 76px; float: left; margin-left: 4px;}
#pt_productdetails.pt_productsetdetails #content .imageSelector .item .borderbox2 {width: auto; float: none; margin-top: 0px; height: 101px; margin-bottom: 0px; font-size: 0;}
#pt_productdetails #content .borderbox2 .borderbox2 { width: auto;} 
#pt_productdetails #content .borderbox2 .content #productDetails { overflow: hidden; }
#pt_productdetails #content .imageSelector .item {margin-bottom: 5px;}


#productPagination { float: left; margin-top: 2px;}
#pt_productdetails .pagingInfos { color: #666;}
#pt_productdetails .pagingInfos .backLink { display: block; margin: 0 0 0 5px; color: #666; font-weight: bold;}
#pt_productdetails .pagingInfos #pagingModel { display: block; float: right; padding: 0 4px; }
#pt_productdetails .pagingInfos #pagingBarSpan .active { color: #333; font-weight: bold; }

#pt_productdetails .moreActions { border-top: solid 1px #dfdfdf; width: 779px;}
#pt_productdetails .moreActions .ratingSection { float: left; width: 415px; }
#pt_productdetails .moreActions #productDetailLinks { float: left; width: 180px; }
#pt_productdetails .moreActions .linkList li {  padding: 5px 5px 0 10px; }
#pt_productdetails .moreActions .linkList li a { color: #666; }


.accordion .tab .toggle { line-height: 19px; height: 19px; margin-bottom: 1px; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; padding: 0px 10px; cursor: pointer; z-index: 10; color: #666; font-weight: bold; position: relative; background: #fff; }
.accordion .tab .toggle .stateIndicator { display: block; position: absolute; right: 0px; top: 0px; bottom: 0px; width: 25px; border-left: solid 1px #ddd; background: url(../images/down_edge.png) center center no-repeat; height: auto;}
.accordion .tab .toggle .shadow { display:block; position: absolute; bottom: -3px; left: 3px; right: 3px; border-top: 1px solid #f8f8f8; background: #fff;  font-size: 1px; line-height: 1px; }
.accordion .tab .toggle .shadow b { display: block; height: 1px; overflow: hidden; margin:0 1px; background: #f8f8f8; }
.accordion .tab.active .toggle .stateIndicator { background: url(../images/up_edge.png) center center no-repeat; }
.accordion .tab.first .toggle { border-top: none; padding-top:1px; background: transparent; }
.accordion .tab.last .toggle { border-bottom: none; padding-bottom: 1px; background: transparent; }
.accordion .tab.last .toggle .stateIndicator { bottom: -1px; }
.accordion .tab.last .toggle .shadow { display: none; }
.accordion .tab.active.last .toggle { border-bottom: solid 1px #ddd; padding-bottom: 0px; background: #fff; }
.accordion .tab.active.last .toggle .shadow { display: block; }
.accordion .tab .content { position: relative; overflow: hidden; height: 0px; }
.accordion .tab.active .content { height: auto; }
.accordion .tab .content .innerContent { overflow: visible; padding: 4px 0 2px; }

.recommendedProduct { float:left;width:99px;height:152px;overflow:hidden;padding:1px 1px 5px;text-align: center; }
.recommendedProduct .image { padding: 0 5px; }
.recommendedProduct .image img { width: 89px; height: 125px; }
.recommendedProduct .name a,
.recommendedProduct .price { color: #666; line-height: 12px; font-size: 10px; }
.recommendedProduct .price .oldPrice { display: none; }
.recommendedProduct .price .priceType { display: none; }
.recommendedProduct .largeImage { display: none; }

#pt_productdetails .tabContainer { padding-top: 20px; }


#pt_productdetails #quickview {
  background-image: none;
  padding: 0px;
  width: 402px;
  height: 293px; }
#pt_productdetails #quickview .wndContainer{
  background: transparent url(../images/quickview_bg_login.png) no-repeat right top;
  padding-left: 1px;}
#pt_productdetails #overlayContainer .wndHead {
  padding-bottom: 4px; }
#pt_productdetails #overlayContainer .wndHead .wndTitle{
  margin-top: 1px; }
#pt_productdetails #quickview .wndContent {
  padding: 10px;
  height: 216px; }
#pt_productdetails #quickview .colContainer {
  margin-top: 5px; }
#pt_productdetails #quickview .colContainer .colContent{
  padding-top: 3px; }
#pt_productdetails #quickview .shortMsg {
  float: left;
  padding-top: 5px; }
#pt_productdetails #overlayContainer .wndFooter a.button{
  margin-right: 5px; }
  
#pt_productdetails #pagingBarSpan a {
	color: #333333;
	font-size: 11px;
}

#pt_productdetails #pagingBarSpan a.active {
	color: #333333;
	font-weight: bold;
	font-size: 12px;
}

#pt_productdetails .moreActions #productLikebutton { position:absolute; left:585px; width: 180px; padding: 2px 0 0;  z-index: 50 !important;; }
#pt_productdetails .moreActions #productLikebutton #fb-root { width: auto; position: absolute; z-index: 100 !important; overflow: auto;}


/***********************************************/
/* Retail Store Inventory CSS                  */
/***********************************************/
#pt_productdetails .allDetails .storeavaillink a {color:#666666;}
#dialogcontainer .content {overflow-y: auto; position: absolute; height: 236px;width: 570px;}
#dialogcontainer #contentoverlay {display: none; z-index: 9999; background-color: #FFF; position: absolute; top: 115px; left: 0; width: 580px; height: 265px; padding: 10px;}
#dialogcontainer #contentoverlay .details .left {float: left; width: 170px; height: 210px; padding: 0 0 0 10px;}
#dialogcontainer #contentoverlay .details .right {float: right; width: 380px; height: 210px; margin: 10px 10px 0 10px;}
#dialogcontainer #contentoverlay .details .maplink {font-size: 12px; font-weight: 700; margin: 0 0 0 10px;}
#dialogcontainer #contentoverlay .details .storedetails {margin:10px;}
#dialogcontainer #contentoverlay .details .storedetails .space10px {height:10px;}
#dialogcontainer #contentoverlay .details .storedetails .storeName {font-weight:700;display:block;}
#dialogcontainer #contentoverlay .details .storedetails .storeHours dt {float:left;margin-right:5px;}
#dialogcontainer #contentoverlay .details .storedetails .storeHours dd {float:none;}
#dialogcontainer #contentoverlay .details .navigation {margin:10px;}
#dialogcontainer #contentoverlay .details .inventorydetails {overflow-y: auto; height: 200px;}
#dialogcontainer #contentoverlay .details .bottom {height: 40px; margin: 10px; padding: 0 0 0 10px;}
#dialogcontainer #contentoverlay .details #backbutton {min-width: 120px;margin-top:5px;}
#dialogcontainer #contentoverlay .details #wishlistbutton {min-width: 120px;margin-top:5px;}

#dialogcontainer #contentoverlay .details .inventorydetailsheader {height: 20px;}
#dialogcontainer #contentoverlay .details .inventorydetailsheader .legendText {font-weight:700;float:left;}
#dialogcontainer #contentoverlay .details .inventorydetailsheader .legend1Text {float:left;}
#dialogcontainer #contentoverlay .details .inventorydetailsheader .legend1 {background-color:#66CC33;border: 1px solid #CCCCCC;width:15px;height:15px;float:left;margin: 0 5px 0 10px;}
#dialogcontainer #contentoverlay .details .inventorydetailsheader .legend2Text {float:left;}
#dialogcontainer #contentoverlay .details .inventorydetailsheader .legend2 {background-color:#FFFF66;border: 1px solid #CCCCCC;width:15px;height:15px;float:left;margin: 0 5px 0 10px;}
#dialogcontainer #contentoverlay .details .inventorydetailsheader .legend3Text {float:left;}
#dialogcontainer #contentoverlay .details .inventorydetailsheader .legend3 {background-color:#FF5500;border: 1px solid #CCCCCC;width:15px;height:15px;float:left;margin: 0 5px 0 10px;}

.inventorydetails .size {float:left;line-height: 14px;margin: 0 2px 2px 0;min-width: 30px;padding: 1px; text-align: center;}
.inventorydetails .availabilityData {padding-top: 10px;}
.inventorydetails .availabilityDataColor {width:86px;float:left;}
.inventorydetails .availabilityDataColor .colorIcon {height: 16px;margin: 0 2px 2px 0;min-width: 28px; width: 26px;  border: 1px solid #CCCCCC;}
.inventorydetails .availabilityDataColor img {border: 1px solid #FFFFFF;height: 12px;width: 24px;margin:1px 2px 2px 1px;}
.inventorydetails .availabilityDataSizes {float:left;}
#dialogcontainer #contentoverlay .details .inventorydetails .available {background-color:#66CC33;border:1px solid #CCCCCC;}
#dialogcontainer #contentoverlay .details .inventorydetails .notavailable {background-color:#FF5500;border:1px solid #CCCCCC;}
#dialogcontainer #contentoverlay .details .inventorydetails .available1 {background-color:#FFFF66;border:1px solid #CCCCCC;}
#dialogcontainer #contentoverlay .details .inventorydetails .available2 {background-color:#FFFF66;border:1px solid #CCCCCC;} 

#dialogcontainer #mapoverlay {display: none; z-index: 9999; background-color: #FFF; position: absolute; top: 115px; left: 0; width: 600px; height: 285px;}
#dialogcontainer #mapoverlay .header {width: 600px; height: 20px; line-height: 20px; text-align: right;}
#dialogcontainer #mapoverlay .header span {line-height: 20px; cursor: pointer; margin: 0 5px 0;}
#dialogcontainer #mapoverlay #gmap {width: 600px; height: 265px;}

#dialogcontainer #retailStoreInventory {height: 361px;}
#dialogcontainer #retailStoreInventory .rsiButton {cursor: pointer;background-color: #FFF; color: #666666; border: 1px solid #666666; border-radius: 2px; height: 20px; font-size: 12px;}
#dialogcontainer #retailStoreInventory .rsiButton.notavailable {color: #DDD; border-color: #DDD;}
#dialogcontainer #retailStoreInventory .storelocatorsearch {margin: 10px 0 20px 0;}
#dialogcontainer #retailStoreInventory .storelocatorsearch input {height: 15px; border: 1px solid #666666; border-radius: 2px; margin: 0 10px 0 0;}
#dialogcontainer #retailStoreInventory .storelocatorsearch select {height: 18px; border: 1px solid #666666; border-radius: 2px; margin: 0 10px 0 0;}
#dialogcontainer #retailStoreInventory .storelocatorsearch .locationSearch {width: 330px; float: left;}
#dialogcontainer #retailStoreInventory .storelocatorsearch .required {display: none;}
#dialogcontainer #retailStoreInventory .storelocatorsearch .fixedCitySearch {width: 200px; float: right;}
#dialogcontainer #retailStoreInventory .storelocatorsearch .fixedCitySearch select {float: right;}
#dialogcontainer #retailStoreInventory .storelocatorsearchresults {height: 267px; margin: 20px 0 0 0;}
#dialogcontainer #retailStoreInventory .storelocatorsearchresults h3 {margin: 0 0 15px 0;}
#dialogcontainer #retailStoreInventory .storelocatorsearchresults .storeItem {height: 75px; width: 175px; padding: 4px; margin: 15px 0; float: left; font-size: 11px;}
#dialogcontainer #retailStoreInventory .storelocatorsearchresults .storeItem .storeName {font-weight: bold; font-size: 12px; display: block;margin: 0 0 2px 0;}
#dialogcontainer #retailStoreInventory .storelocatorsearchresults .storeItem .storeAddress {display: block; margin: 0 0 5px 0;}
#dialogcontainer #retailStoreInventory .storelocatorsearchresults .storeItem .storeMap {display: block; margin: 0 0 5px 0;}
#dialogcontainer #retailStoreInventory .storelocatorsearchresults .storeItem .storeMap a {font-weight: 700; font-size: 12px;}
#dialogcontainer #retailStoreInventory .storelocatorsearchresults .storeItem .storeHours {display: none;}
#dialogcontainer #retailStoreInventory .storelocatorsearchresults .storeItem .storeCountry {display: none;}
#dialogcontainer #retailStoreInventory .storelocatorsearchresults .storeItem .storecontact {display: none;}
#dialogcontainer #retailStoreInventory .storelocatorsearchresults .storeItem .storeInventoryDisplay {display: none;}

#inventoryWishlist .logo { display: block; height: 39px; width: 400px;float:left;}
#inventoryWishlist .rsiButton {background-color: #FFF; color: #666666; border: 1px solid #666666; border-radius: 2px; height: 20px; font-size: 12px;}
#inventoryWishlist .buttons {}
#inventoryWishlist #printbutton {margin-top: 15px;}
#inventoryWishlist #closebutton {margin-top: 15px;}
#inventoryWishlist .productImage {float: left;width:200px;padding:20px;}
#inventoryWishlist .productDescription {float: left;width:200px;padding:20px;}
#inventoryWishlist .store {padding:20px;width:200px;float:left;}
#inventoryWishlist .store .storeName {display:block;font-weight:700;}
#inventoryWishlist .store .storeHours {padding-top:10px;}
#inventoryWishlist .store .storeHours .storeHoursHeadline {font-weight:700;}
#inventoryWishlist .store .storeHours dt {float:left;margin-right:5px;}
#inventoryWishlist .store .storeHours dd {float:none;}
#inventoryWishlist .map {padding:20px;float:left;}
#inventoryWishlist .details {padding:20px;}
#inventoryWishlist .available {border:1px solid #CCCCCC;}
#inventoryWishlist .notavailable {border:1px solid #CCCCCC;}
#inventoryWishlist .available1 {border:1px solid #CCCCCC;}
#inventoryWishlist .available2 {border:1px solid #CCCCCC;} 
#inventoryWishlist .size img {top:0px;left:0px;position:absolute;width:32px;height:16px;z-index:-1;}
#inventoryWishlist .size {position:relative;}
#inventoryWishlist .inventorydetailsheader {height: 20px;}
#inventoryWishlist .inventorydetailsheader .legendText {font-weight:700;float:left;}
#inventoryWishlist .inventorydetailsheader .legend1Text {float:left;}
#inventoryWishlist .inventorydetailsheader .legend2Text {float:left;}
#inventoryWishlist .inventorydetailsheader .legend3Text {float:left;}
#inventoryWishlist .legend1 {border: 1px solid #CCCCCC;width:15px;height:15px;float:left;margin: 0 5px 0 10px;}
#inventoryWishlist .legend1 img {width:15px;height:15px;}
#inventoryWishlist .legend2 {border: 1px solid #CCCCCC;width:15px;height:15px;float:left;margin: 0 5px 0 10px;}
#inventoryWishlist .legend2 img {width:15px;height:15px;}
#inventoryWishlist .legend3 {border: 1px solid #CCCCCC;width:15px;height:15px;float:left;margin: 0 5px 0 10px;}
#inventoryWishlist .legend3 img {width:15px;height:15px;}