/*---------------------- ZOOM ---------------------*/
/*div containing xlarge image*/   
#zoom-box{height:540px; width:100%; border:1px solid #ccc; background-color:#FFFFFF; overflow:hidden;visibility:hidden; position:absolute; top:-1px; left:0; z-index:50;}
/*xlarge image*/
#zoom-image{position:relative; visibility:hidden; top:200px;left:0; padding-top:100px; padding-left:100px;}

/*-------------------- TAB VIEW -------------------*/
.yui-nav li{margin-right:3px !important;}/*spacing between tabs*/		
.yui-nav{padding-bottom:0;margin-bottom:0;}		
.yui-navset{background-image:url(/pws/images/productDetails/whole-tab-bgrd.gif); background-repeat:no-repeat;}
.yui-nav li.selected{margin-bottom:-1px !important;}/* hide bottom border on selected tab */
.yui-nav a{background:#e6e6e6; font-size:12px; letter-spacing:0; color:#333;
border:1px solid #9c9ea0; border-bottom:0; text-decoration:none;}
.yui-nav a img{display:inline !important; margin-left:2px; margin-top:6px; margin-bottom:5px;}/* tabs width */
.yui-nav a:hover{background:#e6e6e6; color:#333; border-color:#9c9ea0;}
.yui-nav .selected a, .yui-nav .selected a:hover{background:#fff;}
.yui-nav .selected a{color:#333; border-left:1px solid #9c9ea0; border-top:1px solid #9c9ea0;}
.yui-nav .selected a img{line-height:12px; overflow:hidden;}
.yui-content{height:0; font-family:Arial, Verdana, sans-serif; font-size:90%; background-color:#fff; background-image:url(/images/tab-bgrd.gif); background-repeat:repeat-y; padding-top:0; padding-bottom:0;}
.yui-content .productDescription{width:77%; padding-left:15px; /*left needs to be padding to work in IE*/ padding-top:10px; margin-right:15px;}
.yui-content .productDescription a{text-decoration:underline; font-weight:bold;}
.yui-content .productDescription a:hover{text-decoration:none;}
.yui-content .productDescription ul{font-family:Arial, Verdana, sans-serif;padding-left:15px;}
.yui-content .productDescription .editor-designer{font-weight:normal; text-decoration:none;}
.yui-content .productDescription .editor-designer:hover{text-decoration:underline;}
.yui-content p.moreInfo{font-weight:bold; width:77%; padding-left:15px; /*left needs to be padding to work in IE*/ margin-right:15px;}
/* Had to move position:absolute plus the following 3 lines to be tab-specific so long editors' text didn't overlap */
#tab3 p[class^="moreInfo"] {margin-bottom:10px;}/*ie7 hack*/
div#tab3 .moreInfo {margin-bottom:0;}
.yui-content #tab3 p.moreInfo{position:absolute; bottom:30px;height:18px;}
.yui-content #tab1 .productDescription, .yui-content #tab2 .productDescription {height:8.3em;}
.yui-content #tab1 .productDescription p, .yui-content #tab2 .productDescription p{float:left;}
.yui-content #tab1 p.moreInfo,.yui-content #tab2 p.moreInfo{float:left; margin-top:10px;}
.yui-content p.moreInfo .product-code{font-weight:normal;}
.normal-list{width:330px; padding-top:10px; padding-left:17px;}
.normal-list li{margin-left:12px; margin-right:10px; list-style-type:square; font-family:Arial, Verdana, sans-serif; font-size:11px; line-height:15px;}	
/*rounded corners*/ 
.yui-nav a .tl, .yui-nav a .tr{position:absolute; width:6px; height:21px; top:-1px; right:4px;}
.yui-nav a .tl{left:-1px; background:transparent url('/pws/images/productDetails/tab_normal_tl.gif') no-repeat;}
.yui-nav a .tr{right:-1px; background:transparent url('/pws/images/productDetails/tab_normal_tr.gif') no-repeat;}
.yui-nav a:hover .tl{background:transparent url('/pws/images/productDetails/tab_normal_tl.gif') no-repeat;}   
.yui-nav a:hover .tr{background:transparent url('/pws/images/productDetails/tab_normal_tr.gif') no-repeat;}
.yui-nav .selected a .tl, .yui-nav .selected a .tr{width:6px; height:21px;}
.yui-nav .selected a .tl{background:transparent url('/pws/images/productDetails/tab_selected_tl.gif') no-repeat !important;}
.yui-nav .selected a .tr{background:transparent url('/pws/images/productDetails/tab_selected_tr.gif') no-repeat !important;}
/*tab view shadows*/		
.shadow-btm{background:url(/images/tab-btm.gif); display:block;	width:100%; height:13px; background-repeat:no-repeat; margin-bottom:10px;}
.top-line{display:block;height:1px;}

/*----------------- PRODUCT PAGES -----------------*/
/*product-images contains image photos and wear it with*/
#product-images{;}
/*recently viewed items*/
#recently-viewed #title{font-weight:bold;}
#recently-viewed ul{list-style:none; padding:0; margin:0;}
#recently-viewed .designer{font-weight:bold;}
#recently-viewed-items{width:70px; height:105px; border:1px solid #ccc; position:absolute; left:250px; bottom:0; visibility:hidden;}
/*div containing all the thumbnails*/
#thumbnails{ text-align:center;}
/*scrollable items*/
#up-arrow{ width:100%; background-position:center; text-align:center; cursor:pointer;}
#thumbnails-container{top:0; left:0; border:0;}
#thumbnails-container img{cursor:pointer; border:0;}
#down-arrow{width:100%; float:left; text-align:center; cursor:pointer;}

/*main image*/ 
#large-image{text-align:center;}
#medium-image{cursor:crosshair;}
/*wear it with*/
#wear-it-with{width:295px; clear:both; padding-left:31px; padding-top:13px; margin-left:114px;}
#wear-it-with p{font-family: Arial; width:75px; font-size:10px; line-height:11px;}
.wear-it-with-products{float:left; padding-left:35px; display:block; text-align:center;}
.wear-it-with-products img{margin:5px 0;}
#wear-it-with-products-first{float:left; display:block; text-align:center;}
#wear-it-with-products-first img{margin:5px 0;}
/*product-info contains all other information on this page*/
#product-info{width:535px; float:right; margin-bottom:25px; margin-top:25px; position:relative; visibility:visible;}
/*product-details contains brief information about product at top of page i.e. designer name, desc, price*/
#product-details{padding-bottom:4px; padding-top:5px;}
#product-details #designer{text-transform:uppercase; font-size:20px; margin:0; padding:0; font-family:Arial;}
#product-details #description{font-weight:normal; margin:0; padding:0; font-size:15px; font-family:Arial; text-transform:none;}
#product-details #price{font-weight:bold; font-size:12px; margin-bottom:5px; font-family:Arial;}
#alternative-colors{clear:both; margin-bottom:15px; margin-top:6px;}
#alternative-colors div{display:inline; margin-right:15px;}
#alternative-colors img{vertical-align:middle; width:20px; height:20px;}