/*

Clarks Product Detail CSS

Applied after webstlye.css, product.css

Note on url paths:
To run locally use: url(../images/design/wrapper.gif)
To run on Websiter use: url(/images/design/wrapper.gif)

*/

/* Make left panel wider */

#wpr {background-image: url(/images/design/wpr-product-detail-bg.gif);}

#content {
	width: 407px; 
	margin: 37px 0px 0px 340px;
}

#lp { /* Left panel wrapper */
	width: 330px;
}

#lp div.rt-txt { /* Rotated info text wrapper */
	margin-top: 327px;
	width: 330px;
}

div#lp ul.colored-numbers {margin-top: 332px;}

div#lp ul.colored-numbers li {width: 310px;} /* Keep list within left panel */
div#content ul.colored-numbers li {width: 418px;} /* Keep list within content area */

div.lp-img-frame { /* Image frame */
	top: 10px; left: 13px;
	width: 304px; height: 304px;
	background: url(/images/design/lp-img-frame-lrg.gif) 0 0 no-repeat;
}

img.lp-img { /* Image within frame */
	top: 17px; left: 20px;
}