/*
*	Global Store CSS
*	cross-brand base store layout, etc
*/

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html {
	font-size:100%; /* IE Hack - 100% value is to compensates for several browser font sizing differences */
}

/* common */
table td { vertical-align: top;	}
.clear { clear:both; }
.float-left { float: left; }
.float-right { float: right; }
.align-center { text-align: center; }

/* grid helpers */
.padding-60-top { padding-top: 60px; }
.padding-60-right { padding-right: 60px; }
.padding-60-bottom { padding-bottom: 60px; }
.padding-60-left { padding-left: 60px; }
.padding-60 { padding: 60px; }

.padding-50-top { padding-top: 50px; }
.padding-50-right { padding-right: 50px; }
.padding-50-bottom { padding-bottom: 50px; }
.padding-50-left { padding-left: 50px; }
.padding-50 { padding: 50px; }

.padding-45-top { padding-top: 45px; }
.padding-45-right { padding-right: 45px; }
.padding-45-bottom { padding-bottom: 45px; }
.padding-45-left { padding-left: 45px; }
.padding-45 { padding: 45px; }

.padding-40-top { padding-top: 40px; }
.padding-40-right { padding-right: 40px; }
.padding-40-bottom { padding-bottom: 40px; }
.padding-40-left { padding-left: 40px; }
.padding-40 { padding: 40px; }

.padding-35-top { padding-top: 35px; }
.padding-35-right { padding-right: 35px; }
.padding-35-bottom { padding-bottom: 35px; }
.padding-35-left { padding-left: 35px; }
.padding-35 { padding: 35px; }

.padding-30-top { padding-top: 30px; }
.padding-30-right { padding-right: 30px; }
.padding-30-bottom { padding-bottom: 30px; }
.padding-30-left { padding-left: 30px; }
.padding-30 { padding: 30px; }

.padding-25-top { padding-top: 25px; }
.padding-25-right { padding-right: 25px; }
.padding-25-bottom { padding-bottom: 25px; }
.padding-25-left { padding-left: 25px; }
.padding-25 { padding: 25px; }

.padding-20-top { padding-top: 20px; }
.padding-20-right { padding-right: 20px; }
.padding-20-bottom { padding-bottom: 20px; }
.padding-20-left { padding-left: 20px; }
.padding-20 { padding: 20px; }

.padding-15-top { padding-top: 15px; }
.padding-15-right { padding-right: 15px; }
.padding-15-bottom { padding-bottom: 15px; }
.padding-15-left { padding-left: 15px; }
.padding-15 { padding: 15px; }

.padding-10-top { padding-top: 10px; }
.padding-10-right { padding-right: 10px; }
.padding-10-bottom { padding-bottom: 10px; }
.padding-10-left { padding-left: 10px; }
.padding-10 { padding: 10px; }

.padding-5-top { padding-top: 5px; }
.padding-5-right { padding-right: 5px; }
.padding-5-bottom { padding-bottom: 5px; }
.padding-5-left { padding-left: 5px; }
.padding-5 { padding: 5px; }

.margin-60-top { margin-top: 60px; }
.margin-60-right { margin-right: 60px; }
.margin-60-bottom { margin-bottom: 60px; }
.margin-60-left { margin-left: 60px; }
.margin-60 { margin: 60px; }

.margin-50-top { margin-top: 50px; }
.margin-50-right { margin-right: 50px; }
.margin-50-bottom { margin-bottom: 50px; }
.margin-50-left { margin-left: 50px; }
.margin-50 { margin: 50px; }

.margin-45-top { margin-top: 45px; }
.margin-45-right { margin-right: 45px; }
.margin-45-bottom { margin-bottom: 45px; }
.margin-45-left { margin-left: 45px; }
.margin-45 { margin: 45px; }

.margin-40-top { margin-top: 40px; }
.margin-40-right { margin-right: 40px; }
.margin-40-bottom { margin-bottom: 40px; }
.margin-40-left { margin-left: 40px; }
.margin-40 { margin: 40px; }

.margin-35-top { margin-top: 35px; }
.margin-35-right { margin-right: 35px; }
.margin-35-bottom { margin-bottom: 35px; }
.margin-35-left { margin-left: 35px; }
.margin-35 { margin: 35px; }

.margin-30-top { margin-top: 30px; }
.margin-30-right { margin-right: 30px; }
.margin-30-bottom { margin-bottom: 30px; }
.margin-30-left { margin-left: 30px; }
.margin-30 { margin: 30px; }

.margin-25-top { margin-top: 25px; }
.margin-25-right { margin-right: 25px; }
.margin-25-bottom { margin-bottom: 25px; }
.margin-25-left { margin-left: 25px; }
.margin-25 { margin: 25px; }

.margin-20-top { margin-top: 20px; }
.margin-20-right { margin-right: 20px; }
.margin-20-bottom { margin-bottom: 20px; }
.margin-20-left { margin-left: 20px; }
.margin-20 { margin: 20px; }

.margin-15-top { margin-top: 15px; }
.margin-15-right { margin-right: 15px; }
.margin-15-bottom { margin-bottom: 15px; }
.margin-15-left { margin-left: 15px; }
.margin-15 { margin: 15px; }

.margin-10-top { margin-top: 10px; }
.margin-10-right { margin-right: 10px; }
.margin-10-bottom { margin-bottom: 10px; }
.margin-10-left { margin-left: 10px; }
.margin-10 { margin: 10px; }

.margin-5-top { margin-top: 5px; }
.margin-5-right { margin-right: 5px; }
.margin-5-bottom { margin-bottom: 5px; }
.margin-5-left { margin-left: 5px; }
.margin-5 { margin: 5px; }

/* storefront generic */

/* category generic */

/* cart generic */

/* checkout generic */

/* account generic */

/* tooltip */
#tooltip {
	position: absolute;
	z-index: 3000;
	opacity: 1;
	width: 200px;
	padding-bottom: 0;
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 1;
	background: url('shadow.png');
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 12pt;
	width: 220px;
	text-align: center;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#tooltip.fancy {
	background: url('shadow2.png');
	padding-top: 5em;
	height: 100px;
}
#tooltip.fancy.viewport-right {
	background: url('shadow2-reverse.png');
}