body {
	background: #fcca74 url(back.png) repeat-x top;
	font-family: Arial;
	font-size: 14px;
	color: #77572f;
	margin: 0;
	padding: 0;
}

table {
	width: 100%;
	height: 100%;
	border: 0;
}

img {
	border: 0px;
}

.main {
	font-size: 24px;
	height: 4em;
}

a {
	color: #a45b01;
}

a:hover {
	color: #563814;
}

.main, .main a {
	color: #fcca74;
}

.main a:hover {
	color: #a9e7f5;
}

.main td {
	text-align: right;
	padding-right: 1.5em;
}

#logo {
	padding: 1.5em;
	width: 1%;
	text-align: left;
}

.items {
	text-align: center;
	margin: -3em 0 0 -2em;
	padding-bottom: 2em;
	width: 100%;
}

.item {
	display: -moz-inline-box;
	display: inline-block;
	margin: 3em 0 0 2em;
	text-decoration: none;
}

.item .q {
	width: 25em;
	float: left;
}

.item .q  .info {
	text-align: left;
}

.q a {
	text-decoration: none;
	cursor: pointer;
}

.q i {
	text-align: left;
}


.description {
	vertical-align: top;
	font-size: 1em;
}

.name {
	color: #800000;
	font-size: 26px;
	font-family: Georgia;
	font-style: italic;
	
}

.manufactor {
	font-size: 1em;
	color: #777;
}

.content {
	width: *;
}

.info {
	display: inline-block;
	padding-left: 1em;
}

.price {
	color: #7b740f;
	padding: 1em 0 1.7em;
	font-size: 18px;
}

.amount {
	width: 25px;
}

.bag-type {
	padding-bottom: 0.3em;
}

.bag-type select {
	width: 180px;
	background: none;
}

.cart-item input {
	width: 2em;
}

#add, select {
	cursor: pointer;
}

h2 {
	padding-top: 1em;
}

#shipping, #order-list{
	padding: 0 5em 6em 10em;
	width: 100%;
}

ol {
	list-style-type: decimal;
}

#shipping ul, #shipping ol {
	margin: 0;
	padding: 0;
}

#shipping ul li {
	list-style: none;
}

#icq {
	background-image: url(http://status.icq.com/online.gif?icq=342443149&img=5);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}

#map{
	padding: 1.5em 1.5em 1.5em 0;
}

#YMapsID-2645 {
	width:100%;
	height:350px
}

.cart {
	padding-top: 4em;
	width: 6em;
	text-align: center;
}

.added-item, #summ, #summ div {
	padding-top: 1em;
}

.added-item img  {width: 24px; }

.cart .price {
	padding: 0;
}

.cart a{
	text-decoration: none;
}

button {
	cursor: pointer;
}

.remove {
	font-size: 10px;
	text-decoration: none;
	border-bottom: 1px dashed;
}

tr.header th{
	border-bottom: 1px solid;
	text-align: left;
}

tr.total td {
	border-top: 1px solid ;
	font-size: 1.2em;
	height: 3em;
}

#shipping-method #title {
	padding: 1em 0 0.5em;
	font-weight: bold;
}

.radio a {
	text-decoration: none;
}

* html .png {
	width: expression(this.firstChild.width);
	filter: expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.firstChild.src+"', sizingMethod='image')");

	background: expression("transparent url("+this.firstChild.src.replace(".png", ".gif")+") no-repeat");
	backg/round: none !important;
}

* html .png img {
	behavior: expression(this.style.visibility="hidden");
}

a[data-tooltip]	{
	cursor:pointer !important;
}

/* Styles for elements having a data-tooltip attribute - using the star selector is processor intensive so you may wish to change this to list a known, limited set of tags instead */
*[data-tooltip]	{
	/* Relativly position the tooltip to enable us to position:absolute the generated content */
	position:relative;	
	/* Links inherit the !important cursor rule from above */
	cursor:help;
	/* Remove the styles for IE7 and below - could be passed using conditional comments */
	*text-decoration:inherit;   
	*border-bottom-width:inherit;
	*border-bottom-style:inherit;	
	*cursor:inherit;
	*position:inherit;	    
}

/* Default :before & :after values */     
*[data-tooltip]:after, *[data-tooltip]:before	{
	content:"";
	/* Don't show tooltip by default */
	opacity:0;  
	/* Set a high z-index */
	z-index:999;
	
	/* Animations won't (yet) work on pseudo elements - shame really as this should fade the tooltip in 
	   after one second - but I'll leave the rules for posterity */
	-moz-transition-property: opacity;
	-moz-transition-duration: 2s;
	-moz-transition-delay: 1s;
	
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 2s;
	-webkit-transition-delay: 1s;
	
	-o-transition-property: opacity;
	-o-transition-duration: 2s;
	-o-transition-delay: 1s;
	
	transition-property: opacity;
	transition-duration: 2s;
	transition-delay: 1s;  
	
	/* -moz won't understand the text-decoration here but inherits the parent value of "none" successfully */
	text-decoration:none !important;
	outline:none;
}

/* Tooltip arrow - shown on hover or focus */
*[data-tooltip]:hover:before, *[data-tooltip]:focus:before {
	/* Slightly opaque arrow */
	opacity:0.94;
	outline:none;
	content:"";  
	display:block;	
	position:absolute;
	top:20px;
	left:50%;
	margin:0 0 0 -5px;
	width:0;
	height:0;
	line-height:0px; 
	font-size:0px;       
	/* This sets the tooptip pointer color */
	border-bottom:5px solid #ffe5b7;
	border-left:5px solid transparent;
	border-right:5px solid transparent;	
	border-top:transparent;
	/* Border gradient */	
	-webkit-border-image:-webkit-gradient(linear, left top, left bottom, from(#33ccff), to(#ffe5b7));			
}

/* Tooltip body - shown on hover or focus */
*[data-tooltip]:hover:after, *[data-tooltip]:focus:after {
	/* Slightly opaque tooltip */
	opacity:0.94;
	/* Set display to block (or inline-block) */
	display:block;
	/* Use the data-tooltip attribute to set the content*/
	content:attr(data-tooltip);
	/* Position the tooltip body under the arrow and in the middle of the text */
	position:absolute;
	top:25px;
	left:50%;
	margin:0 0 0 -150px;
	/* Set the width */
	width:290px;
	/* Pad */
	padding:5px;
	/* Style the tooltip */
	line-height:18px;
	/* min-height */
	min-height:18px; 
	/* Set font styles */  
	color:#800;
	font-size:16px;	
	font-weight:normal;
	font-family: arial, sans-serif;
	/* Fallback background color */
	background:#bf9261; 
	text-align:left;	
	outline:none;	
	/* Moz doesn't recognise the following... */
	text-decoration:none !important;		  
	/* Background gradient */	
	background:-webkit-gradient(linear, left top, left bottom, from(#ffe5b7), to(#bf9261));
	background:-moz-linear-gradient(top,#ffe5b7,#bf9261);	 
	/* Round the corners */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;	
	/* Add a drop shadow */
	-moz-box-shadow:2px 2px 4px #444;
	-webkit-box-shadow:2px 2px 4px #444;
	box-shadow:2px 2px 4px #444;	
	/* Add a Text shadow */
	text-shadow:#a37a4e 0 1px 0px; 
}