/***************************************************************
Catalogue CSS for Smiggle :: Davide L Rizzo :: Created 04/06/08
***************************************************************/

h1 { 
	font-size: 180%; 
	margin-bottom: 0.8em;
	color: #999;
}


/* Thumbnail view
***************************/

.thumblist {
	/*_margin-left: 200px;*/
}

.thumb {
	margin: 2px;
	display: block;
	width: 170px;
	_width: 165px;
	text-align: center;
	float: left;
	/*background: url(/images/misc/thumb_bg.gif) no-repeat;*/
	position: relative;
	
}

.thumb a {
	display: block;
	border: solid 1px #000;
}

.thumb .frame {
	background: url(/images/Catalog/frame_corners_s.gif) no-repeat 14px 1px;
	_background-position: 13px 1px;
	*margin-left: -50%;
	position: absolute;
	/*width: 170px;
	height: 168px;*/
	width: 154px;
	height: 158px;
	cursor: pointer;
	z-index: 1;
}

.thumb img {
	margin: 4px auto 0 auto;
	padding: 0;
	/*width: 142px;
	height: 160px;*/
	width: 135px;
	height: 152px;
	background: white;
	display: block;
	z-index: 0;
	
}

.thumb .text {
	margin: 10px 0 0 0;
	padding: 0;
	cursor: pointer;
	height: 4.3em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-decoration: none;
}

.thumb a:hover { 
	/*text-decoration: none;*/
	text-decoration: underline;
}




/* Product View
***************************/
.product-image-td {
	/*height:218px !important; background:yellow !important;*/
}

.product-image {
	position:relative;
	_position:static;
	/*float: right;*/
	width: 282px;
	height: 318px;
	cursor: pointer;
	clear: none;
}

.product-image .frame {
	position: absolute;
	width: 282px;
	height: 318px;
	display: block;
	background: url(/images/Catalog/frame_corners_m.gif) no-repeat;
	_display:none;
	z-index:2;
}

.product-image .zoom {
	position: absolute; top:288px; left:10px;
	padding:2px 8px;
	z-index:1;
}
.product-image:hover .zoom { text-decoration:underline; }

.product-image img {
	width: 278px;
	height: 314px;
	background: white;
	margin: 2px;
	display: block;
	z-index:0;
}

.price {
	font-size: 120%;
	font-weight: bold;
}

strong {
	text-transform: uppercase;
	color: white;
}



/* JavaScript Colour Size Options */


#js-colour-size {
	display: none;
}

#js-colour-size dl dt {
	clear: none;
	*clear: left;
}



.name {
	text-transform: none;
	font-weight: normal;
	color: #CCC;
}

.swatch-list {
	/*display: block;*/
	margin-bottom: 1em;
	max-width: 380px;
	_width: 380px;
	position: relative;
	clear: none;
	*float: left;
	
}

.swatch-list .frame {
	width: 38px;
	height: 38px;
	/*display: block;*/
	position: absolute;
	background: url(/images/Catalog/swatch_frame.gif);
}

/*.swatch-list * {
	*margin-left: 0;
}*/

.swatch-list .swatch {
	width: 38px;
	height: 38px;
	/*margin: 8px 8px 8px 0;*/
	padding: 8px 8px 8px 0;
	cursor: pointer;
	/*display: block;*/
	*float: left;
	display: inline-block;
	background: none;
}

.swatch-list .swatch .frame {
	width: 38px;
	height: 38px;
}

.swatch-list .swatch:hover .frame,
.swatch-list .swatch.hover .frame {
	background: url(/images/Catalog/swatch_frame_hover.gif);
}

.swatch-list .swatch.disabled .frame,
.swatch-list .swatch.unavailable .frame {
	background: url(/images/Catalog/swatch_frame_disabled.gif);
}

.swatch-list .disabled:hover .frame,
.swatch-list .unavailable:hover .frame {
	background: url(/images/Catalog/swatch_frame_disabled_hover.gif);
}

.swatch-list .swatch.active .frame {
	background: url(/images/Catalog/swatch_frame_active.gif);
}

.swatch-list .swatch.active:hover .frame {
	background: url(/images/Catalog/swatch_frame_active_hover.gif);
}


#addtobag {
	width: 152px;
	height: 33px;
	margin: 1em 0 1.5em 0; *margin-bottom: 0;
	background: #e8ae13 url(/images/global/button_addtobag.gif) no-repeat;
	font-weight: bold;
	float: none;
}
#addtobag:hover { background-position: 0 -33px; }
#addtobag.disabled:hover { background-position: 0 0; }

#viewbag { float:none; }

#addtowishlist { margin-top: 30px; }

.product-details {
	width:100%;
}


/* Related & Alternate Products */

/*.related-view-td { height:100%; vertical-align:top; background:red !important; }*/

.related  {
	/*float: right;
	clear: right;*/
	margin: 15px 0 0 0;
	height: 117px;
}

.related h2 {
	margin: 0 0 10px 0;
}

.related a {
	display: block;
	width: 73px;
	float: left;
	font-size: 80%;
	text-align: center;
	margin-right: 31px;
	text-decoration: none;
}

.related a.last-child {
	margin-right: 0;
}

.related a img {
	width: 73px;
	height: 82px;
	background: white;
	margin-bottom: 0.2em;
	display: block;
}


/*.alternate-view-td { height:0%; background:yellow !important; }*/


/* Tooltip */

/*#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.90;
	color: #333;
	font-size: 80%;
}
#tooltip h3, #tooltip div { margin: 0; }*/