/* 
	Document:				ld-pd.css
	Creation date:			19 December 2007
	Created by:				Gemma Leigh
	This version:			*** Commented for development ***
	Deployment version:		Sitename/css/ld-pd.css
	Notes:					Looks to buy and Product page styles
	-----------------------------------------------------------------
	Contents of this file:
	-----------------------------------------------------------------
	
	Nav styles
	Generic Look/Product styles
	
	Looks to buy
	
	Product pages
	
*/

/* =Nav styles
-----------------------------------------------------------------------------*/
#product-nav 		{ margin-top: 5px; padding-bottom: 15px; background: url(../images/header-divider.gif) repeat-x 100% 100%;}
#product-nav ul		{ margin-top: 11px; width: 160px; float: none; clear: both; overflow: hidden; }
#product-nav ul li	{ width: auto; float: left; line-height:0.857; padding-left:12px;}
#product-nav ul li.one-line { padding: 7px 0 10px 0;}

/* Previous/Next links */
#product-nav ul li.li-previous	{ 
	background: url(../images/chevron-left-grey.gif) 0% 10% no-repeat;
	margin-right: 30px;
}	
#product-nav ul li.li-next { 
	background:transparent url(../images/chevron-right-grey.gif) no-repeat scroll 100% 10%;
	padding-left: 0px;
	padding-right: 10px;
}

#product-nav ul li a		{ float: left; white-space: nowrap;  display: block; padding: 0 0 3px 0; line-height:10px;}
#product-nav ul li.one-line a,
#product-nav ul li.last a 	{ padding-right: 0; background: none;}
#product-nav ul li a:hover	{ border-bottom:2px solid #7A7A7A;}

/*#product-nav ul 			{ width: 320px; padding-bottom: 0px; overflow: hidden;}
#product-nav ul li			{ float: left; background: url(../images/header-bullet.gif) 100% 14px no-repeat;}
#product-nav ul li			{ padding: 0 30px 15px 0;}
#product-nav ul li.last		{ padding-right: 0; background: none;}
#product-nav ul li.one-line { width:100%; padding:0; margin:0; background: none;}
#product-nav li a			{ white-space: nowrap;}*/

#product-nav h3				{ margin-bottom: 5px;}

#product-nav h3 .text-white-large {color:#313230; font-size:1.714em; padding:0pt 1px 0pt 2px;}
/* =Reset colours
-----------------------------------------------------------------------------*/

#product-info,
#click-to-zoom,
.look-to-buy h4,
.product h4,
.dash						{ color: #999;}
#product-info p.intro		{ color: #FFF;}


/* =Generic Look/Product styles
-----------------------------------------------------------------------------*/
.look-to-buy							{ padding-top: 3px;}
.product								{ padding-top: 18px;}

.look-to-buy h4,
.product h4								{ padding: 1px 0 6px 0; margin: 0;}

.look-to-buy h4                         { color:#323130;}
.more-products							{ width: 100%; float: left; clear: both; padding-bottom: 10px; background:transparent url(../images/header-divider.gif) repeat-x scroll 100% 100%;}
.more-products h4                       { padding: 2px 0 6px 0;}
.product .more-products img						{ width: 160px; float: none;}
.look-to-buy #product-views .more-products img	{ width: 160px; float: left;}

#product-views							{ width:320px; float: left; }
.product #product-nav					{ width:auto; float: none; padding:0; }
.product #product-nav ul 				{ width: auto; margin: 0; padding: 0;}

/* Scrolling images */
.more-views-wrapper						{ width: 320px; float: left; padding-top: 15px;background:transparent url(../images/header-divider.gif) repeat-x scroll 100% 100%;}
.more-views-wrapper h4                  { font-size:0.857em; letter-spacing:normal; padding:1px 0pt 15px; text-transform:none;}
.more-views 							{ width: 320px; height: 300px; position: relative; overflow: hidden; margin-bottom: 21px; }
.more-views ul 							{ position: absolute; left: 0; top: 0; height: 300px; white-space: nowrap; }
.more-views ul li 						{ width: 160px; display: inline; }

/* Scrollbar*/
.ui-slider-wrapper						{ height: 20px; width: 320px;  float:none; position:absolute; }
.ui-slider								{ height: 20px; width: 280px; float: left;  position:relative; margin-top:140px; }
.ui-slider-handle 						{ height: 20px; width: 90px; position: absolute; top: 0px; left: 0px;}
.ui-slider-wrapper a                    { border-bottom:0px none;display:block;height:25px;padding:0pt;width:19px;}
.ui-slider-wrapper a.prev				{ float: left; position:relative;}
.ui-slider-wrapper a.next				{ float: right; position:relative;}
.ui-slider-wrapper a.prev               { background:transparent url(../images/slider-left-arrow-hov.gif) no-repeat scroll 0% 0%;}
.ui-slider-wrapper a.next		        { background: transparent url(../images/slider-right-arrow-hov.gif) no-repeat scroll 0% 0%;}

.ui-slider-wrapper a.prev:hover,
.ui-slider-wrapper a.next:hover	        { background-position: 0px -25px; }
	
/* List of links */
#product-info							{ width: 160px; float: right;}
#product-info #product-links 			{ background:transparent url(../images/header-divider.gif) repeat-x scroll 0% 0%;}
#product-info #product-links li a		{ line-height: 1.286; display: inline; background:transparent url(../images/chevron-grey-right.png) no-repeat scroll 0px 2px;padding-left:12px;}
#product-info .product-single .price    { color:#313230;}

/* =Looks to buy
-----------------------------------------------------------------------------*/
.look-to-buy #product-views h3			{ margin-top: 10px;}

#product-main							{ width: 640px; float: left; padding-top: 24px;}
#product-image							{ width: 480px; /*height: 1130px;*/ float: left;}

/*Print details/send to friend*/
.look-to-buy #product-info ul#product-links { padding: 16px 0 12px 0; margin: 0; float: left; width: 100%;}
#product-info ul#product-links li		{ float: left; width: 100%; margin: 0; padding: 0 0 5px 0;}

#product-info p.intro		 			{ clear: both; padding-top: 16px; padding-bottom: 35px;}

#product-info .product-single			{ min-height: 137px; height: auto !important; height: 137px; /* for IE 6*/ }
#product-info .product-single h4		{ margin-top: -4px; padding: 0 0 3px 0;}
#product-info .product-single .price	{ font-size:0.875em; padding:0 0 7px 0;}
#product-info .dash						{ padding-top: 13px; line-height: 4px;}
.look-to-buy .ui-slider-wrapper         { left:0pt; top:120px;}

/* =Product pages
-----------------------------------------------------------------------------*/
.product #product-views						{ width:160px; float: left;}
.product #product-nav					{ width:160px; margin-top: 5px; padding-bottom: 15px; background: url(../images/header-divider.gif) repeat-x 100% 100%; }
.product #product-nav ul 				{ margin-top: 11px; width: 160px; float: none; clear: both; overflow: hidden; }

.product #product-main						{ width: 800px;}
.product #product-image-wrapper				{ width: 640px; float: left; position: relative;}

.product #ensure-content-width				{ width: 640px; float: left; display: block;}

/* Buttons for Scene 7 zoom functionality*/
.product #product-image-wrapper #zoom-in,
.product #product-image-wrapper #click-to-reset	{ position: absolute; z-index:300; text-transform: uppercase; color: #333 !important;  padding: 11px 16px 11px 16px; font-size: 16px !important; }

.product #product-image-wrapper #zoom-in		{ top: 0px; left: 20px; font-size: 14px !important; background: url(../images/bg-main-overlay.png) repeat;}
.product #product-image-wrapper #click-to-reset { top: 0px; left: 547px; font-size: 14px !important; background: url(../images/bg-main-overlay.png) repeat; }
.product #product-image-wrapper #product-image	{ width: 600px; padding-left: 20px;}


.product #product-main { width: 160px; }

.more-products         { padding:15px 0; float: none; background:transparent url(../images/header-divider.gif) repeat-x 100% 100%; /*height: 235px;*/}
.product .more-products { /*height:335px;*/ padding:15px 0; }
.look-to-buy   .more-products { height:235px; }
.product .more-products h4 {color:#313230;}

.product a.details-link:link, a.details-link:visited {background:#797979 url(../images/arrow-white-right.gif) no-repeat scroll 0% 50%;padding:1px 6px 1px 16px !important;}

.product .description				{ color:#797979; background:transparent url(../images/header-divider.gif) repeat-x scroll 100% 100%;}
.product .more-views 					{ width: 160px; height: 300px;}
.product .more-views ul 				{ height: 200px;}
.product .more-views-wrapper			{ width: 160px; background:transparent url(../images/header-divider.gif) repeat-x scroll 100% 100%;}
.product .more-views-wrapper h4			{ font-size:0.857em;letter-spacing:normal;padding:1px 0pt 15px;text-transform:none;color:#313230;}

.product .ui-slider-wrapper				{ width: 160px;top:120px;}
.product .ui-slider						{ width: 120px; height: 20px; float: left; position:relative; margin-top:0px;}
.product .ui-slider-handle 				{ width: 43px;}
.product .wishlist {background:transparent url(../images/chevron-grey-right.png) no-repeat scroll 0px 2px; padding-left:12px}
.product .size-guide {background:transparent url(../images/chevron-grey-right.png) no-repeat scroll 0% 50%; padding:6px 12px;}
/* Product information RH col styles*/
.product .product-options				{ padding: 15px 0 19px 0; overflow: hidden;background:transparent url(../images/header-divider.gif) repeat-x scroll 100% 100%;}

/*title*/
#product-info h3						{ margin-top: -3px; line-height: 1.143;}
/*order number*/
#product-info .order-number				{ font-size:0.875em; padding:5px 0 5px 0; color:#797979;}
#product-info .price					{ padding: 7px 0 13px 0; }
#product-info .price span.preorder		{ color: #999 !important; text-transform: uppercase; font-size:0.875em;}
#product-info .description				{ padding-bottom: 16px; text-transform:lowercase;}
.salespdp #product-info p.price         { color:#CC0000 !important; }
.salespdp #product-info p.price span    { text-decoration:line-through; }

/*order information and spacing*/
#order-options .size					{ width: 160px; float: left;}
#order-options .quantity				{ width: 160px; float: left; padding-bottom: 20px;}

.product #product-info ul#product-links { padding: 17px 0 16px 0; margin: 0; float: left; width: 100%;}

.product #product-info ul.item-links						{ width: 160px; }
.product #product-info ul.item-links li 					{ float: left; width: 160px; line-height: 10px; background:transparent url(../images/chevron-grey-right.png) no-repeat scroll 0px 2px;}
.product #product-info ul.item-links li a					{ margin: 0; padding: 0;}

.product #product-info #product-links {background:transparent url(../images/header-divider.gif) repeat-x scroll 100% 100%;}
.product #product-info ul.item-links li.size-guide		 	{ margin: 9px 0 19px 0;}
.product #product-info ul.item-links li.add-to-wishlist 	{ margin: 10px 0 0 0; padding: 0; }
.product #product-info ul.item-links li.availability 	{ margin: 0 0 10px 0; padding: 0; text-transform:uppercase; font-size:11px; line-height:13px;}

/* Swatches */
#swatches						{ width: 160px; float: left; overflow: hidden; margin-bottom:10px; }
#swatches li					{ width: auto!important; float: left; margin-bottom: 8px; padding: 0!important; border-top: 2px solid #000; border-bottom: 2px solid #000;}
#swatches li a					{ display: block; margin: 0; padding: 0; line-height: 0px;}
#swatches li.odd				{ margin-right: 10px;}
#swatches li.active				{ border-top: 2px solid #FFF; border-bottom: 2px solid #FFF;}

/* Tooltips */
#tooltip		{ position: absolute; z-index: 7000; border: 1px solid #111; background-color: #FFF; padding: 2px 5px 2px 5px; }
#tooltip h3		{ margin: 0; color: #000; font-size: 11px;}

/* Errors */
.error-alert					{ margin: 0 0 20px 0;}
.product .error-alert			{ padding: 11px 0 8px 0;}

/* =Side guide tables
-----------------------------------------------------------------------------*/
.size-guide h4							{ color: #FFF; margin:0; padding: 0;}

.size-table-wrapper						{ margin: 27px 0 30px 0; padding: 0; width: auto; float: left;}
.size-table								{ margin: 20px 0 20px 0; width: auto; float: left; border-top: 1px solid #ccc; text-transform: uppercase; font-size: 0.857em;}
.size-table-button						{ width: auto; float: left; clear: left; }
table .shade							{ background: #0d0d0d;}
.w-160									{ width: 150px;}

.size-table th,
.size-table td 							{ border-bottom: 1px solid #ccc;}

.size-table th							{ padding: 5px 0 5px 0;}
.size-table td 							{ padding: 5px 20px 5px 20px; vertical-align: top;} 
.size-table td.w-160					{ padding: 5px 0 5px 10px; }

/* Varying padding for size guides */
.shoes td 								{ padding: 5px 15px 5px 15px;}
/* see also sp.css */

.size-table tr.default-text td 			{ color: #FFF;}
.size-table tr.grey-text td 			{ color: #999;}

/* =Add item to bag
-----------------------------------------------------------------------------*/
.added-to-bag							{ width: 480px; float: left;}
.added-to-bag h4						{ margin-top: 27px;}
.added-to-bag img						{ float: left; width: 160px;}
.added-to-bag .details					{ width: 320px; float: left; margin: 25px 0 0 0;}
.added-to-bag .details .text-black-med 	{ padding-top: 0px;}

.added-to-bag .details ul          		{ margin-top: 3px; width: 320px; float: left;}
.added-to-bag .details ul li			{ padding-bottom: 15px; float: left; clear: both;}

.add-item-to-bag #footer-wrapper		{ margin-top: 0px;}

/* =Send to friend
-----------------------------------------------------------------------------*/
#wrapper .send-to-friend			   	{ overflow: hidden; padding: 0;}
#main-content .send-to-friend			{ overflow: hidden; padding: 20px 0 0px 0;}
.send-to-friend .error-alert			{ width: 480px;}
/* Wider label container*/
.send-to-friend .form-row 				{ width: 480px; float: left;}
.send-to-friend .label-container		{ width: 200px;}

.send-to-friend h4						{ color: #FFF; padding: 6px 0 16px 0;}
.send-to-friend p.intro					{ color: #FFF; padding: 6px 0 25px 0;}
.send-to-friend .required-inline		{ display: block; text-transform:none; float:right; padding-top:3px}