/*
nuCorners - rounded corner divs
by John-Paul Walton, johnpaul.walton@gmail.com
You have a better rounded-corner technique?
let me know johnpaul.walton@gmail.com
*/

.nuc {
	margin: 0;
	padding: 0;
	background: transparent;
}

.inuc { /*for nested nuc's*/
	margin: 0;
	padding: 0;
	background: transparent;
}



/* basic, 4-corners white box */
.nuc { background: white url(/assets/stylesheets/images/white_ul.gif) top left no-repeat; }
.nuc .nuc { background: url(/assets/stylesheets/images/white_ur.gif) transparent top right no-repeat; }
.nuc .nuc .nuc { background: url(/assets/stylesheets/images/white_lr.gif) transparent bottom right no-repeat; }
.nuc .nuc .nuc .nuc { background: url(/assets/stylesheets/images/white_ll.gif) transparent bottom left no-repeat; padding: 15px; height: 100%;} /* the height fixes an issue in IE 5/win */
/* NOTE - innermost div MUST have at least 1px of padding */


/* news box */
#news					{ background: url(/assets/stylesheets/images/news_bg.jpg) transparent top center repeat-x; }
#news .nuc				{ background: url(/assets/stylesheets/images/news_uc.jpg) transparent top right no-repeat; }
#news .nuc .nuc 		{ background: url(/assets/stylesheets/images/news_uc.jpg) transparent top left no-repeat; }


/* breadcrumbs */
.breadcrumbs				{ background-image: url(/assets/stylesheets/images/bc_ul.gif) !important; }
.breadcrumbs .nuc			{ background-image: url(/assets/stylesheets/images/bc_ur.gif) !important; }
.breadcrumbs .nuc .nuc		{ background-image: url(/assets/stylesheets/images/bc_lr.gif) !important; }
.breadcrumbs .nuc .nuc .nuc { background-image: url(/assets/stylesheets/images/bc_ll.gif) !important; }

/* right nav */
.extranav .nuc				{ background: url(/assets/stylesheets/images/strokebox_ur.gif) transparent top right no-repeat !important; }
.extranav .nuc .nuc			{ background: url(/assets/stylesheets/images/strokebox_lr.gif) bottom right no-repeat !important; padding: 8px; }

/* right nav */
.storenav .nuc				{ background: url(/assets/stylesheets/images/strokebox_ur.gif) transparent top right no-repeat !important; }
.storenav .nuc .nuc			{ background: url(/assets/stylesheets/images/strokebox_lr.gif) bottom right no-repeat !important; padding: 8px; }



/* orange button */
.button					{ background-image: url(/assets/stylesheets/images/orangebtn_ul.gif) !important; }
.button .nuc			{ background: url(/assets/stylesheets/images/orangebtn_lr.gif) transparent bottom right no-repeat !important; }
.button .nuc .nuc		{ background: url(/assets/stylesheets/images/orangebtn_ur.gif) transparent top right no-repeat !important; }
.button .nuc .nuc .nuc	{ background: url(/assets/stylesheets/images/orangebtn_ll.gif) transparent bottom left no-repeat !important; padding: 5px 8px !important; }

/* store button */
#storedetail .button					{ background-image: url(/assets/stylesheets/images/bluebtn_ul.gif) !important; }
#storedetail .button .inuc				{ background: url(/assets/stylesheets/images/bluebtn_lr.gif) transparent bottom right no-repeat !important; }
#storedetail .button .inuc .inuc		{ background: url(/assets/stylesheets/images/bluebtn_ur.gif) transparent top right no-repeat !important; }
#storedetail .button .inuc .inuc .inuc	{ background: url(/assets/stylesheets/images/bluebtn_ll.gif) transparent bottom left no-repeat !important; padding: 5px 8px !important; height: 100%; }


