@import url(../master/reset.css);
@import url(../master/typography.css);
@import url(../master/forms.css);

/* -------------------------------------------------------------- 
  
   screen.css
   
-------------------------------------------------------------- */


/* Body
-------------------------------------------------------------- */
body { background:url(../master/images/body-bg.png) 50% 0 repeat-x; }
#container { margin:0 auto; padding:24px 24px; width:912px;}

/* Header
-------------------------------------------------------------- */
#header 		{ margin-bottom:24px;}
#header h1 		{ float:left; margin:0; width:244px; height:122px;}
#vondahe-logo 	{ float:left; margin-top:6px; width:271px; height:116px; }


/* Primary Content
-------------------------------------------------------------- */
#primary_content { clear:both;}


/* Product Page
-------------------------------------------------------------- */
#product.sale				{ background:url(images/sale-starburst.png) 100% 0 no-repeat;}

/* Firstnav
-------------------------------------------------------------- */
#firstnav 		{ float:right; margin: 48px 0 0 0; padding: 0; width: 636px; list-style:none; }
#firstnav li 	{ float:left; padding-left:22px;}
#firstnav li a	{ display: block; height: 24px; background-image:url(images/firstnav-bg.png); background-repeat:no-repeat; text-indent:-9999px; }

#firstnav-shop				{ width:44px; background-position:0 0; }
#firstnav-shop:hover 		{ background-position:0 -24px;}

#firstnav-collection		{ width:97px; background-position:-44px 0;}
#firstnav-collection:hover	{ background-position:-44px -24px;}

#firstnav-stores			{ width:77px; background-position:-141px 0;}
#firstnav-stores:hover		{ background-position:-141px -24px;}

#firstnav-press				{ width:61px; background-position:-218px 0;}
#firstnav-press:hover		{ background-position:-218px -24px;}

#firstnav-about_us			{ width:115px; background-position:-279px 0;}
#firstnav-about_us:hover	{ background-position:-279px -24px;}

#firstnav-newsletter		{ width:106px; background-position:-394px 0;}
#firstnav-newsletter:hover	{ background-position:-394px -24px;}


/* Footernav
-------------------------------------------------------------- */
#footernav		{ float: right; width: 102px; list-style:none; margin:0; padding:0; }
#footernav li a	{ display: block; height:24px; background-image:url(images/footernav-bg.png); background-repeat:no-repeat; text-indent:-9999px;}

#footernav-contact_us		{ width:102px; background-position:0 0;}
#footernav-contact_us:hover	{ background-position:0 -24px;}

/* Footer
-------------------------------------------------------------- */
#footer 	{ clear:both; padding-top:24px;}
#copyright 	{ float:left; margin:0; padding:0; width: 174px; height:24px; background:url(../master/images/copyright-bg.png) 0 50% no-repeat; text-indent:-9999px;}

/* Buttons
-------------------------------------------------------------- */
.btn { display:block; margin-right:24px; text-indent:-9999px; background-repeat:no-repeat; height:35px;}
.enlarge_btn { width: 150px; background-image:url(images/enlarge-btn.png); float:left;}
.show_more_btn { width: 144px; background-image:url(images/show_more-btn.png); float:left;}
.buy_btn { width: 83px; background-image:url(images/buy-btn.png); float:left;}


/* Misc
-------------------------------------------------------------- */
.showgrid { background: url(images/grid.png); }

.clearfix:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
}
.clearfix {display:inline-block}
.clearfix {display:block}

.important { color: #d30000; }
.sale-highlight { color: #ed1aa0; font-weight:bold;}
.soldout { margin-top:18px; color: #ed1aa0; font-weight:bold; }