/*
	Copyright (c) 2010, Yahoo! Inc. All rights reserved.
	Code licensed under the BSD License:
	http://developer.yahoo.com/yui/license.html
	version: 2.8.1
*/

div.cloudstore_widget div,div.cloudstore_widget dl,div.cloudstore_widget dt,div.cloudstore_widget dd,div.cloudstore_widget ul,div.cloudstore_widget ol,div.cloudstore_widget li,div.cloudstore_widget h1,div.cloudstore_widget h2,div.cloudstore_widget h3,div.cloudstore_widget h4,div.cloudstore_widget h5,div.cloudstore_widget h6,div.cloudstore_widget pre,div.cloudstore_widget code,div.cloudstore_widget form,div.cloudstore_widget fieldset,div.cloudstore_widget legend,div.cloudstore_widget input,div.cloudstore_widget button,div.cloudstore_widget textarea,div.cloudstore_widget p,div.cloudstore_widget blockquote,div.cloudstore_widget th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}div.cloudstore_widget fieldset,img{border:0;}div.cloudstore_widget address,div.cloudstore_widget caption,div.cloudstore_widget cite,div.cloudstore_widget code,div.cloudstore_widget dfn,div.cloudstore_widget em,div.cloudstore_widget strong,div.cloudstore_widget th,div.cloudstore_widget var,optgroup{font-style:inherit;font-weight:inherit;}div.cloudstore_widget del,ins{text-decoration:none;}li{list-style:none;}div.cloudstore_widget caption,th{text-align:left;}div.cloudstore_widget h1,div.cloudstore_widget h2,div.cloudstore_widget h3,div.cloudstore_widget h4,div.cloudstore_widget h5,h6{font-size:100%;font-weight:normal;}q:div.cloudstore_widget before,q:after{content:'';}div.cloudstore_widget abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}div.cloudstore_widget input,div.cloudstore_widget button,div.cloudstore_widget textarea,div.cloudstore_widget select,div.cloudstore_widget optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}div.cloudstore_widget input,div.cloudstore_widget button,div.cloudstore_widget textarea,select{*font-size:100%;}

/*
	Copyright (c) 2010, CloudStore
*/

div.cloudstore_widget {
	position: absolute;
	
	padding: 10px;
	padding-top: 30px;
	
	color: #000;
	font-family: "Helvetica Neue", Helvetica, Arial;
	font-size: 12px;
	font-weight: normal;
	
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
	
	-webkit-border-radius: 8px;
	-webkit-border-bottom-left-radius: 0px;
	
	background-color: #333;
	background-image: -webkit-gradient(linear, left top, left bottom, 
	                                   from(#555), 
	                                   to(#2c2c2c), 
	                                   color-stop(0.06, #222), 
	                                   color-stop(0.13, #333)
	                                  );
	
	z-index: 2147483647;
}

div.cloudstore_widget .cloudstore_widget_header {
	position: absolute;
	top: 0px;
	left: 10px;
	right: 10px;
	height: 30px;
	
	padding-left: 20px;
	
	color: rgba(255,255,255,1);
	text-shadow: 0px -1px 0px #000;
	font-weight: bold;
	line-height: 31px;
	font-size: 1.25em;
}

div.cloudstore_widget .cloudstore_widget_header .cloudstore_widget_close {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	width: 20px;
	
	background-image: url(/images/widget/close_small.png);
	background-position: left center;
	background-repeat: no-repeat;
	
	opacity: 1;
}
div.cloudstore_widget .cloudstore_widget_header .cloudstore_widget_close:hover {
	opacity: 0.8;
}

div.cloudstore_widget .cloudstore_widget_arrow {
	position: absolute;
	bottom: -20px;
	left: -4px;
	width: 40px;
	height: 20px;
	
	background-image: url(/images/widget/arrow.png);
}

div.cloudstore_widget .cloudstore_widget_content {
	position: relative;
	width: 400px;
	height: 200px;
	overflow: hidden;
	
	padding: 7px;
	line-height: normal;
	text-shadow: none;
	
	-webkit-border-radius: 3px;
	-webkit-box-shadow:inset 0px 0px 3px rgba(0,0,0,0.7);
	
	background-color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd), color-stop(0.5, #fff));
}

div.cloudstore_widget .cloudstore_widget_content img.product_image {
	height: 160px;
	float: left;
	padding: 2px;
	margin-right: 10px;
	-webkit-border-radius: 2px;
	border: solid 1px #333;
	background-color: #eee;
}

div.cloudstore_widget .cloudstore_widget_content h1 {
	font-size: 1.5em;
	font-weight: bold;
}

div.cloudstore_widget .cloudstore_widget_content .bread_crumbs {
	position: absolute;
	bottom: 7px;
	left: 7px;
	right: 7px;
	height: 25px;
	
	margin: 0px;
	padding: 0px;
	
	-webkit-border-radius: 3px;
	border: solid 1px #333;
	background-color: #333;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333), color-stop(0.4, #222));
}

div.cloudstore_widget .cloudstore_widget_content .bread_crumbs div {
	display: block;
	float: left;
	width: 90px;
	
	color: #fff;
	line-height: 25px;
	text-align: center;
	text-shadow: 0px -1px 0px #000;
	
	margin: 0px;
	padding: 0px;
	padding-right: 13px;
	
	background-image: url(/images/widget/bread_crumb_arrow.png);
	background-position: right center;
	background-repeat: no-repeat;
	
	opacity: 0.3;
	cursor: default;
}
div.cloudstore_widget .cloudstore_widget_content .bread_crumbs div:last-child {
	width: 85px;
	padding-right: 4px;
	background-image: none;
}
div.cloudstore_widget .cloudstore_widget_content .bread_crumbs div.selected {
	opacity: 0.8;
}