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, font, 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 { margin: 0;	padding: 0;	border: 0;outline: 0; font-size: 100%;background: transparent;}
body {
    line-height:1.5;
    font-size:1em;
    word-wrap:break-word;background:#f4f4f4;
    font-family:'Kameron', Verdana, Arial, sans-serif; color:#4e4e4e;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse:0; collapse;border-spacing: 0;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix { display: inline-block;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clr { height: 0; clear: both; visibility: hidden; content: "."; display: block;}

a:link { color:#787878}
a:visited { color:#787878}
a:hover { color: #f16a25;}
.scrollup{ width:40px;height:40px;opacity:0.3;position:fixed;bottom:30px;right:30px;display:none;text-indent:-9999px;background: url(images/icon_top.png) no-repeat; z-index:999}
.scrollup:hover { opacity:0.7}
	
.container { width: 960px; margin:0 auto; padding:0}

#header { background: url(images/pattern_orange.jpg); height:120px}
h1#logo a{float:left; margin-top:20px; text-indent:-9999px; width:404px; height:72px; background:url(images/logo_weirdos.png) no-repeat; display:block}
#StoreInfo {float:right; padding-top:33px; width:auto}
#StoreInfo img { vertical-align: top; margin-right:3px}
#StoreInfo ul li{font-size:0.7em; color:#FFF; margin-bottom:3px; font-style:normal }
#StoreInfo ul li.opentime { font-size:0.625em}

/*Menu Bar*/
#nav { background:#252525 url(images/bg-texture1.gif); height:30px; margin-bottom:15px; border-top:0px #F60 solid; z-index:111;text-transform: uppercase; font-size:1em}
#nav ul { margin:0 auto; width:960px}
#nav ul li { float:left; font-size:0.813em; margin-right:0px; position: relative; background: url(images/nav-side.png) center right no-repeat}
#nav ul li a {
	color: #999;
	text-decoration: none;
	line-height: 30px;
	display: block;
	padding: 0 12px;
}
#nav ul li a:hover{
	color: #FFF;
	background: url(images/nav-side.png) center right no-repeat #000
}
#nav ul li ol {
  position: absolute;
  top: 30px;
  left: 0;
  width: 180px;
  background:url(images/bg-texture1.gif); 
  display: none;
  opacity: 0;
  visibility: hidden;
	z-index:110;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
#nav ul li ol li {
	float:none;
	padding:0;
  display: block; 
  color: #999;
}
#nav ul li ol li a {	padding: 0 15px;}
#nav ul li ol li a:hover {color: #fff;background:#000}
#nav ul li:hover ol {
  display: block;
  opacity: 1;
  visibility: visible;
}
#nav .fb-like { float:right; padding-top:5px}

#main { margin-bottom:15px}

.banner595 { position: relative; float:left; width:595px; height:210px; overflow: hidden;}
.banner595 img { position: absolute;left:0; top:0;}
.banner595 a:hover img {filter:alpha(opacity=90);opacity: 0.9; transition: all 0.5s;}
#video {float:right; width:350px; height:210px; background:#f4f4f4}

.arrivals {height:15px; margin:30px 0;text-indent: -9999px; background:url(images/line_newarrival.gif) no-repeat 6px 0}
.onSale {height:15px; margin:15px 0 30px;text-indent: -9999px; background:url(images/line_onsale.gif) no-repeat 6px 0}

#product { width: 972px; margin:0 auto; padding:0}
#shop-page, #map-page { width:729px; float:right}
#shop-page #product { width:729px}

#product dl {
		float:left; 
		width:229px;
		margin:0 6px 15px;
		background:#FFF;
		position:relative;
		overflow:hidden;
		border: 1px solid #ddd;
		-moz-box-shadow: 0 0 3px rgba(153,153,153,0.2);
		-webkit-box-shadow: 0 0 3px rgba(153,153,153,0.2);
		box-shadow: 0 0 3px rgba(153,153,153,0.2);}
/*#product dl.last { margin:0 0 10px 0}*/
#product .new-tag {background:url(images/tag_new.png) no-repeat; width:40px; height:40px; position:absolute; z-index:101; text-indent: -9999px;}
#product dl dd{ text-align:center; margin:15px 0; overflow:}
#product dl dd.description h3{ font-weight:normal;font-size:0.813em; height:16px; overflow:hidden}
#product dl dd.price { display:none }
#product dl dt{ margin:9px; display:block; width:210px; height:280px; line-height:280px;overflow:hidden;position:relative;}
#product dt img { 
	 vertical-align:middle;
	 -webkit-transition: all 300ms ease-out;
	 -moz-transition: all 300ms ease-out;
	 -o-transition: all 300ms ease-out;
	 -ms-transition: all 300ms ease-out;	
	 transition: all 300ms ease-out;
}
#product dl > p > a {color:#f16a25}
/* Caption Common Style */
#product dl p.fade-caption {
	font-size:0.813em;
	line-height:18px;
	background-color: rgba(0,0,0,0.8);
	position: absolute; 
	z-index: 99; /* by default we want for the caption to be visibly on top of the image*/
	color: #fff;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
	left: 0;
	/** Caption 3: Fade **/
	opacity:0;
	filter:alpha(opacity=0); /* my add */
	width: 199px;
	height: 95%;
	text-align: left;
	padding: 16px;
}
/** Fade Caption :hover Behaviour **/
#product dl:hover p.fade-caption { opacity: 1;}

#tail { background:#f1550a; display:block; height:40px; margin-top:20px; line-height:40px;color:#fbd6cc;font-size:0.625em}
#tail dl.container dt { float:left}
#tail dl.container a { color:#fbd6cc;} #tail dl.container a:hover { color:#fff;}
#tail dl.container dd { float:right}

#category {float:left; width:220px;}
#category h2 {padding:5px 27px; font-size:0.725em;background:#f4f4f4; font-weight:normal; color:#999}
#category-wrap {background:#efefef; margin-bottom:15px;border-top:1px #787878 solid; padding:10px}
h2.category-image {float:right; margin-bottom:15px; margin-right:6px; width:717px; overflow:hidden; }
#shop-page > p { padding-left:6px}
#shop-page h3 { padding:5px 6px; font-size:1.125em}