/*
	Site: The Art Institute of Chicago Museum Shop
	Part: Master styles
	
	Table of contents (sections prefixed with "=" for easy searching)
	=================================================================
*/

/* =CSS hacks
=====================================================================*/
	/*--- IE 5 for Win (Band Pass Filter: http://tantek.com/CSS/Examples/midpass.html) ---*/
	@media tty {
		i{content:"\";/*" "*/}}; @import 'ie5win.css'; {;}/*";}
	}/* */
	
	/*--- IE 5.x for Win (Mid Pass Filter: http://tantek.com/CSS/Examples/midpass.html) ---*/
	@media tty {
		i{content:"\";/*" "*/}} @import 'ie5xwin.css'; /*";}
	}/* */
	
	/* IE 5.x for Mac -- Band Pass Filter: http://www.stopdesign.com/examples/ie5mac-bpf/ */
	/*\*//*/
		@import "ie5mac.css";
	/**/

/* =ASP.net trace
======================================================================*/
span.tracecontent tr { background-color:white }

/* =Undo existing styles
======================================================================*/
button, code, h1, h2, h3, h4, h5, h6, input, pre, select, table, td, textarea, th { font-size: 1em; }
blockquote, body, br, button, dl, dd, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, 
html, label, legend, li, ol, p, pre, table, td, th, ul, img { margin: 0; padding: 0; }
img, fieldset { border: 0; }

/* =Fonts
======================================================================*/
body, input, select, textarea, #nav { font-family: Verdana, Arial, sans-serif; }


/* =Basics
======================================================================*/
a { color: #000; }
a:hover { text-decoration: none; }
blockquote, dl, dd, ol, p, table, ul { margin-bottom: 1em; }

body {
	font-size: 70%;
	line-height: 1.6em;
	margin: 4px 4px 0;
	background: #777772;
	font-size: 70%;
}
#popup { background: #fff; padding: 10px; }

h1 { color: #9b9993; font-size: 1.4em; line-height: 1.35em; margin: 0 0 0.25em; }
h1 a, h4 a { color: #9b9993; }
h1 a { font-weight: normal; }
h2, h2 a, h3 { color: #000; }
h2 { font-size: 1.2em; line-height: 1.5; margin: 0.09em 0 .6em 0; }
h3 {
	font-family: Georgia, Times New Roman, serif;
	font-size: 1.6em;
	line-height: 1.4em;
	margin: 0.1em 0 0.2em;
	font-weight: normal;
}
h4 {
	color: #9b9993;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 8px;
	text-transform: uppercase;
}
h5 { font-weight: bold; }
h6 { font-size: 1.25em; line-height: 1.3em; font-weight: normal; }
dt { font-weight: bold; }
dt, dd { line-height: 1.35em; }

input, select, textarea { font-size: 1em; }
li { margin-bottom: 0.27em; }
ol { margin-left: 2em; }
ul { list-style: none; }
ul li { padding-left: 1.36em; }
table { border: 1px solid #808080; border-collapse: collapse; width: 100%; }
table p { margin: 0; }
td, th { padding: 0.3em 0.5em 0.4em; text-align: left; vertical-align: top; border: 1px solid #808080; }
th {
	background: #d1d1d1;
	font-weight: bold;
	vertical-align: middle;
	white-space: nowrap;
}
th img { vertical-align: middle; }

/* =Forms
======================================================================*/
select, .tx, .greeting, .txt, .txt-med, .txt-sm, .txt-tiny { border: 1px solid #bfbbb5; padding: 0.2em; }
select { padding: 0.1em; }
textarea { width: 98%; height: 10em; border: 1px solid #bfbbb5; }
.tx, .greeting { width: 100%; margin: 0; }
.btn { overflow: visible; padding: 0.1em 0.6em 0.2em }

/* Text boxes - Newer input styles */
.c2l .txt, .c2r .txt, .C3L .txt, .C3M .txt, .C3R .txt { position: relative; width: 95%; }
.ezpz-hint { color: #818285; }
textarea.txt { font-size: 1em; padding: 0.3em 0 0 0.3em; width: 98%; }
.txt { width: 75%; max-width: 600px; }
.txt-med { margin-right: 1em; width: 47%; }
.txt-sm { width: 7em; }
.txt-tiny { width: 3em; }
input.txt[maxlength="10"] { width: 70%; }

/* =lgForm has a boxed style (used on longer forms like catalog request and checkout forms) */
.lgForm { border: 1px solid #808080; background: #d1d1d1; text-align: center; margin-bottom: 2em; }
.lgForm #catalogRequest { text-align: left; margin: 8px auto; width: 50%; }
.c1 { text-align: left; margin: 12px; }

.lgForm .btns, .lgForm .header {
	text-align: center;
	background: #ddd;
	padding: .65em 1.5em;
}

.lgForm .btns { border-top: 1px solid #808080; }
.body + .btns { border-top-width: 0; }
.lgForm .header { border-bottom: 1px solid #808080; font-size: 1.1em; line-height: 1.2em; }
.lgForm .header ul { margin: 0; }
.lgForm .header li { display: inline; margin: 0; padding: 0; }
.lgForm .header .separator { margin: 0 0.75em; }
.lgForm span.date { float: left; margin-right: 0.5em; }
.lgForm select { width: 100%; padding: .12em; max-width: 31em; }
.lgForm select.date { width: auto; display: inline; }
.lgForm .body { background: #d1d1d1; border-bottom: 1px solid #808080; padding: 0.5em 1.5em; text-align: left; }
.lgForm .tx, .lgForm select { margin-top: 2px; }
.lgForm .l { width: 23%; float: left; clear: left; margin-right: 2%; } /* Left column of forms */
.lgForm .r { width: 50%; float: left; } /* Middle column of forms */
#mainBody .lgForm .r { width: 75%; }
.lgForm .end { width: 23%; float: right; margin-left: 2%; } /* Right column forms */
/*.lgForm .state-note { width: 22%; float: right; margin-top: 11.65em; }*/
.lgForm hr { height: 1px; color: #808080; background: #808080; border: 0; clear: both; margin: 0; line-height: 1; }
.lgForm ul, .lgForm li { margin: 0; padding: 0; }
.lgForm ul { margin-bottom: 1em; }
.lgForm p { margin: .1em 0 .5em 0; }
.lgForm .cardType li { float: left; padding-right: 20px; }
.lgForm .cardType input { margin-bottom: 5px; }
.lgForm .expMonth { width: 45%; display: inline; }
.lgForm .expYear { width: 45%; display: inline; }
.lgForm .shippingMethodsContainer strong { white-space: nowrap; }
.lgForm .mute { color: #333; }

.quick-account { width: 75%; margin: 1em auto; }
.quick-account ul { list-style: disc; padding-left: 25px; }
/* Fixes firefox bug where items float between columns if they're within in a fieldset */
.fix { border: 0; height: 0; width: 0; }
.fix legend { display: none; }

.cbx input { padding: 0; margin: .5em 0 0 0; }

/* =medForm (used on medium size forms like contact) */
.medForm .tx, .medForm .select { width: 50%; }
.medForm fieldset { border-top: 1px solid #948E7C; padding-top: 10px; }

/* =smForm (used on short, simple forms like unsubscribe, order tracking) */
.smForm { width: 30%; }

.lgForm .tx, .medForm .tx, .smForm .tx { padding: .2em; }
.lgForm .btn, .medForm .btn, .smForm .btn { padding: 0.1em 1em 0.2em; }
.lgForm .btns a { margin-right: 0.75em; }
.lgForm .tx, .lgForm select, .medForm .tx, .medForm select, .smForm .tx, .smForm select { display: block; }

/* =Shopping tote */
table.tote { empty-cells: show; border: none; margin-bottom: 0; }
.tote td, .tote th { border: none; } /* Undo any default borders set above */
.tote td, .tote th { padding: 0px; border-left: 1px solid #808080; border-bottom: 1px solid #808080; vertical-align: top; }
.tote { background: #fff;}
.tote td, .tote th { padding: 4px; }
.tote .tx { width: 2em; text-align: center; }
.tote .noBorderLeft { border-left: none; }
.tote .noBorderBottom { border-bottom: none; }
.tote .shippingAddr { border-bottom: 1px solid #000; }
.tote .update { background: #d1d1d1; border-left: none; text-align: center; border-bottom: none; }
.tote .copy { padding: 5px; background: #d1d1d1; text-align: left; border-left: none; border-bottom: none; }
.tote .copy p { margin-bottom: 0.5em; }
.tote .currency { text-align: right; white-space: nowrap; }
.tote tbody th { font-weight: normal; }
.tote thead th { font-weight: bold; }
.tote thead td, .tote th { white-space: nowrap; background: #d1d1d1; font-weight: bold; border-right: none; text-align: left; }
.tote thead td span { font-weight: normal; }
.tote select { width: auto; }

/*--- Columns ---*/
.c2l, .c2r { width: 48%; }
.c2l { clear: left; }
.c2l, .c3l, .c3m { float: left; }
.c2r, .c3r { float: right; }
.c3l { margin-right: 3%; }
.c3l, .c3m, .c3r { width: 31%; }

/*= Sign in form */
#signin { width: 70%; margin: 0 auto; }
#signin .c2l, #signin .c2r { width: 43.5%; }
.or { width: 5%; float: left; margin: 5em 1.5em; }
.or p { text-align: center; }

/* =Personalize card form */
#personalize { background: #fff; margin: 12px; }
#personalize .greeting { text-transform: uppercase; }
#personalize .greeting, #personalize .tx { width: 98%; }
#personalize form { border: 1px solid #808080; background: #d1d1d1; padding: 8px; }
#personalize p { line-height: 1.3em; margin: 0 0 5px 0; }
#personalize .c2r { float: left; margin-left: 10px; }
#cityTx, #stateTx, #zipTx { float: left;  }
#cityTx { width: 38%; padding-right: 10px; }
#stateTx { width: 28%; }
#zipTx { width: 28%; }


/* Flash messages / Notifications */
div.alert, div.confirm, div.notice { color: #000; margin-bottom: 1em; padding: 0.5em 1em 0.5em 43px; }
div.alert *, div.confirm *, div.notice * { margin: 0; }
div.alert .mute, div.confirm .mute, div.notice .mute { font-size: 1em; }
div.alert h6, div.confirm h6, div.notice h6 { font-size: 1em; font-weight: bold; margin-bottom: 0.75em; }
div.alert li, div.confirm li, div.notice li { background: none; padding: 0; }
div.alert ul, div.confirm ul, div.notice ul { list-style: disc outside; margin: 0 0 0 2em; }
div.alert dl, div.confirm dl, div.notice dl { margin-top: 1em; }
div.alert dd, div.confirm dd, div.notice dd { margin-bottom: 0.5em; }

	/* Alerts */
	.alert { color: #e30013; }
	div.alert { background: #ffd4d4 url(/images/admin/notify-alert.gif) no-repeat 10px 0.5em; border: 3px solid #dd9898; }
	div.alert ul { font-weight: normal; margin-left: 15px; list-style: disc; }
    div.alert li { margin: 0; padding: 0; float: none; }
	
	/* Confirmations */
	div.confirm { background: #d8ffd4 url(/images/admin/notify-confirm.gif) no-repeat 10px 0.6em; border: 3px solid #9edd98; }
	
	/* Notices */
	div.notice { background: #fff6d3 url(/images/admin/notify-notice.gif) no-repeat 10px 0.5em; border: 3px solid #ffe27e; }

/* Options */
.options-h { list-style: none; margin-left: 0; }
.options-h li, .options-v li { background: none; margin-bottom: 0.3em; padding: 0; }
.options-h li { display: inline; margin-right: 0.8em; white-space: nowrap; background: none; }
.options-v { list-style: none; margin-left: 0; }
.options-v li { padding-left: 25px; text-indent: -25px; }
.options-v li p { margin: 0; text-indent: 0; }

/* =Error page */
#sorry { margin: 0 100px; }

/* =Product lists */
#mainBody ul.product-list li, #mainMiddle ul.product-list li { float: left; width: 124px; margin: 0 18px 18px 0; padding: 0; }
#mainBody ul.product-list li a img, #mainMiddle ul.product-list li a img { clear: both; }
/* Fix margins/padding for IE6/7 respectively */
* html #mainBody ul.product-list li { margin: 0 13px 18px 0; }
* html #mainMiddle ul.product-list li { margin: 0 13px 18px 0; }
* + html #mainBody ul.product-list li { margin: 0 14px 18px 0; }
* + html #mainMiddle ul.product-list li { margin: 0 14px 18px 0; }
#mainBody ul.product-list li:last-child, #mainMiddle ul.product-list li:last-child { margin-right: 0; }

/* =Core layout
======================================================================*/
.clear { clear: both; }
.alert, .alert a { color: #cc0000; }
/* div.alert { border: 4px solid #FFCCCC; padding: 10px; font-weight: bold; color: #ec272d; margin-bottom: 5px; } */
.action { margin: 1em 0; }
.none { display: none; }
.noBorder { border: none; }
.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }
hr { color: #808080; height: 1px; border-style: none; background: #808080; margin: 5px 0 8px; }

#page { background: #fff; padding: 0 2px 1em; }
	
	/* =Header */
	#header { clear: both; padding: 15px 20px 0 10px; white-space: nowrap; }
		#logo { float: left; margin-right: 2.25em; }
		
		#account { float: left; font-size: 1.15em; line-height: 1.2em; }
		
		#tote {
			float: right;
			background: url(/images/tote.gif) no-repeat center left;
			padding-left: 32px;
		}
		
		#tote p { line-height: 1.3; margin: 0; }

	/* =Primary navigation */
	#nav { font-size: 1.25em; white-space: nowrap; clear: both; margin: 0.35em 0 0 0; }
	#nav a {
		color: #fff;
		display: block;
		padding: 0.4em 0;
		text-decoration: none;
		text-align: center;
		background: #9b9993;
		border-top: 1px solid #cccac4;
		border-bottom: 1px solid #cccac4;
		border-left: 1px solid #cccac4;
		border-right: 1px solid #000;
	}
	* html #nav a { height: 0.1em; }
	
	#nav a:hover { background: #8c8984; }
	#nav .on, #nav .on:hover { background: #777772; border-bottom: 1px solid #777772; }
	#nav li { background: none; float: left; margin: 0; padding: 0; }
	#nav #home { width: 7%; }
	#nav #apparel { width: 20%; }
	#nav #books { width: 8%; }
	#nav #furnishings { width: 18%; }
	#nav #jewelry { width: 10%; }
	#nav #stationery { width: 12%; }
	#nav #wall { width: 11%; }
	#nav #best-sellers { width: 13.9%; }
	
	/* =Search options */
	#searchOpts {
		background: #777772;
		color: #fff;
		border-left: 1px solid #cccac4;
		border-bottom: 1px solid #000;
		border-right: 1px solid #000;
		padding: 0.5em 0;
		clear: both;
		white-space: nowrap;
		text-align: center;
        font-size: 1.1em;
	}
	
	#searchOpts p { margin: 0; }
	/*#searchOpts .btn { padding: 0 0.5em }*/
	
		/* Div to center 3 search options */
		#searchOptsCenter { padding: 0 1em; }
			
			/* General search */
			#genSearch { float: left; width: 46%; text-align: left; }
			#genSearch .txt { width: 42%; }
			
			/* Gift search */
            #giftSearch { padding-top: 0.4em; }
			#giftSearch a { background: url(/images/giftbox.gif) no-repeat center left; color: #fff; padding-left: 24px; }
			
			/* Sku search */
			#skuSearch { float: right; width: 34%; text-align: right; }
            #skuSearch label { margin-right: 0.2em; }
			#skuSearch .tx { width: 9em; }
	
	/* =Main body */
	#main, #mainBtm { width: 976px; font-size: 1.2em; line-height: 1.6em; min-width: 800px; }
    /* Old website dimensions and sizes, mainly used for checkout and account pages */
    #main.mini { width: 728px; font-size: 1em; }
	#main { margin: 17px auto 0; clear: both; overflow: visible; min-height: 250px; position: relative; }
	/* Apply a border wherever product images appear */
	.product-list img, #fullImage img, #mainLeftHome img { border: 1px solid #ccc; }
    .feature img { border: 1px solid #fff; }
	
		/* =Main left column */
		#mainLeft, #mainLeftHome { float: left; width: 266px; }
        #mainLeft { font-size: 1.1em; line-height: 1.6em; }
        #mainLeft h1 { font-size: 1.15em; line-height: 1.6em; color: #777772; font-weight: normal; }
        #main.mini #mainLeft { width: 198px; }
        #main.mini #mainLeft h1 { font-size: 1.35em; }
		#mainLeftHome { margin-right: 18px; }
        #mainLeftHome p { margin-bottom: 0; }
			
            #mainLeft h2 { font-weight: normal; font-size: 1.1em; }
			#mainLeft li { margin: 0; padding: 0; }
			#mainLeft .on { font-weight: bold; text-decoration: none; }
			#mainLeft li ul { margin: 0 0 0 25px }
			#mainLeft li ul li { list-style: square; }
			#mainLeft p { margin-top: 1.25em; }
			#mainLeft img { border: none; }
			
			#mainLeft .results { padding: 5px; margin: 0; border: 1px solid #948E7C; }
			#mainLeft .results p { margin: 0; padding: 0; }
			#mainLeft .results h2 { margin: 0; padding: 0; }
		
		/* =mainMiddle (home page only) */
		#mainMiddle { float: left; margin: 0; padding: 0; width: 426px; }
        /* Fix width of middle column in IE6/7/8 respectively */
        * html #mainMiddle { width: 413px; }
        * + html #mainMiddle { width: 415px; }
        #mainMiddle ul.product-list li { height: 215px; }
        #mainMiddle .spacer { clear: both; height: 18px; }
		
		/* =mainBody (used for most pages but home page) */
		#mainBody, #mainBodyItem, .mainBodyItem { float: right; overflow: hidden; width: 692px; }
		#mainBody { padding-top: 0.25em; }
        #main.mini #mainBody { width: 510px; padding-top: 0.9em; }
			
			#mainBody p { line-height: 1.5em; }
			#mainBody h2 { font-size: 1.1em; margin: 0.1em 0 0.6em 0; }
			#mainBody h2:first-child { margin-top: 0; }
			#mainBody h2 span { color: #777772; font-weight: normal; }
			#mainBody h2 span a { color: #777772; }
            #main.mini #mainBody h2 { margin-top: 0.45em; }
			
			#mainBody ul.product-list { clear: both; font-size: 0.9em; margin: 0; padding: 0; overflow: hidden; }
            #mainBody > ul.product-list { margin-top: 0.5em; }
			#mainBody ul.product-list li p { margin-bottom: 0; }

			#mainBody .secondaryNav li { padding: 0; float: none; list-style: disc; font-size: 1.1em; margin: 0 0 0 25px; }
			
			#mainBody .bodyNormal { margin: 0 0 14px 0; }
			#mainBody .bodyNormal li { float: none; margin: 0 0 0 25px; padding: 0; list-style: disc; }
			
			#mainBody .results { padding: 0; margin: 0; }
			#mainBody .results p { margin: 0; padding: 0; }
			#mainBody .results h2 { margin: 0; padding: 0; }
			
			#mainBody #giftSelector { border: 1px solid #948E7C; background: #d1d1d1; }
			#mainBody #giftSelector fieldset { border-bottom: 1px solid #948E7C; padding: 5px; }
			#mainBody #giftSelector fieldset li { line-height: 1.1; float: none; margin: 3px; }
		
			#contact { border: 1px solid #948E7C; float: right; width: 25%; padding: 5px 8px; margin-left: 10px; }
			#contact p { font-family: Tahoma, Verdana, Arial, sans serif; margin-bottom: .5em; }
			#mainLeft #contact { width: 90%; }
			
			/* Used on multishipping.asp to list addresses */
			#addrs li { float: left; margin: 0 1.5em 0 0; padding: 0; }
			
            /* We can remove references to #mainBodyItem when we're done testing the new item.aspx page */
            .mainBodyItem #itemDescription { width: 550px; } /* Targets vertical format only */
            .mainBodyItem > #fullImage { margin: 0.65em 0 0.3em; }
			#mainBodyItem p, .mainBodyItem p { font-family: Georgia, Times New Roman, serif; font-size: 1.2em; line-height: 1.7em; margin-bottom: 0.65em;}
			#mainBodyItem .right, .mainBodyItem .right { float: right; margin-bottom: 14px; margin-left: 14px; }
			#mainBodyItem img, .mainBodyItem img { margin-bottom: 10px; }
			#mainBodyItem .keywords, .mainBodyItem .keywords { font-family: Verdana, Arial, Tahoma, sans serif; font-size: 1em; margin-top: 1.25em; }
			#mainBodyItem #product-opts, .mainBodyItem #product-opts { margin-bottom: 1em; }
			#mainBodyItem #product-opts li, .mainBodyItem #product-opts li { text-indent: -25px; margin: 0 0 0 25px; padding: 0; }
            .old-price { text-decoration: line-through; color: #808080; }
			
			#smallItemContainer #itemDescription, .smallItemContainer #itemDescription { float: left; width: 302px; }
			#smallItemContainer #fullImage, .smallItemContainer #fullImage { float: right; width: 372px; margin: 7px 0 0.3em; }
			#smallItemContainer #fullImage img, .smallItemContainer #fullImage img { float: none; margin: 0; }
			#fullImage { overflow: hidden; position: relative; }
			#mainBodyItem .meta, .mainBodyItem .meta { font-family: Georgia, Times New Roman, serif; font-size: 1.1em; list-style: none; margin: 0 0 0.3em; }
            .mainBodyItem .meta li { padding: 0; } 
			
			/* =receipt coupon */
			.coupon {
			    background: #FAF8F2;
			    border: 1px solid #939393;
			    float: right;
			    width: 50%;
			    padding: .5em .5em .25em;
			    margin: .4em 0 1em 1em;
			    clear: right;
			}
			.coupon h2 { color: #cc0000; font-size: 1.25em; line-height: 1.3em; }
			.coupon p { margin-bottom: .5em; }
			
		/* =mainRight (home page only) */
		#mainRight { float: right; width: 266px; margin: 0; padding: 0; }
		.feature { background: #d1d1d1; height: 106px; margin-bottom: 1px; padding: 9px; }
		#mainRight .feature a.thumb { display: block; float: left; margin: 0 9px 0 0; }
		#mainRight p { margin: 0; }

            /* =signup form */
            #mainRight #signup { padding-top: 1em; }
            #mainRight #signup p { line-height: 1.3em; }
            #mainRight #signup p label { margin-bottom: 0.5em; }
            #mainRight #signup .txt { margin: 5px 0 7px; width: 85%; }
            #mainRight #signup .btn { margin: 0; }
			
		#mainBtm { border-top: 1px solid #000; margin: 1em auto 0; padding-top: 0.5em; clear: both; }
        #home #mainBtm { border-width: 0; margin-top: 0; padding-top: 0; }
		
	/* =Tertiary navigation (home page only) */
	#tertiaryNav, #tertiaryNavHome { text-align: center; }
	#tertiaryNav ul, #tertiaryNavHome ul { white-space: nowrap; margin: 0 auto; clear: both; }
	#tertiaryNav li, #tertiaryNavHome li { display: inline; margin: 0; padding: 0 .9em; border-right: 1px solid #000; }
	#tertiaryNav .noPipe, #tertiaryNavHome .noPipe { border-right: 0px solid #d1d1d1; }
	#tertiaryNavHome { padding: 0.75em 0; background: #d1d1d1; }
	#tertiaryNav { padding: 1em 0; }
	
	/* Added to accomodate The Silk Road and Beyond, which replaced Browse by style/artist link */
	/*#tertiaryNav li, #tertiaryNavHome li { padding: 0 .75em }*/
	
	/* =Bottom proceeds message and link to main AIC site (home page only) */
	#btmMsg { clear: both; line-height: 1.5; margin: 1em 0 0; text-align: center; }
		
/* =Customer service info */
#serviceInfo, #serviceInfoAndSignup {
	background: #9b9993;
	clear: both;
	color: #fff;
	padding: 1.25em 0.7em;
    font-size: 1.1em;
	line-height: 1.3em;
}

#serviceContact { margin: 0; }
#serviceInfo { text-align: center; }
#serviceInfo p { margin-top: 10px; }
#serviceInfo strong, #serviceInfoAndSignup strong { display: block; font-size: 1.35em; margin: 0.25em 0; }
#serviceInfoAndSignup #serviceContact { width: 48%; float: left; }
#serviceInfoAndSignup .signup { width: 38%; float: right; }
#serviceInfoAndSignup .signup .tx { width: 70%; }

/* =Bottom navigation */
#btmNav { color: #fff; padding: 1em 0; }
#btmNav ul { white-space: nowrap; margin: 0 0 0.75em 0; padding: 0; clear: both; line-height: 1em; }
#btmNav li { text-align: center; display: inline; margin: 0; padding: 0 .8em; border-right: 1px solid #fff; }
#btmNav .noPipe { border-right: 0px solid #777772; }
#btmNav a { color: #fff; }
#btmNav p { margin: .5em .8em 0; }

/* =Breadcrumbs */
#breadcrumbs { /*border-bottom: 1px solid #ddd;*/ list-style: none; margin: 0; }
#breadcrumbs li { background: url(/images/crumb.gif) no-repeat 100% 70%; display: inline; margin-right: 0.1em; padding: 0 1.3em 0 0; }
	
	/* Fix spacing for IE6/7 respectively */
	* html #breadcrumbs li { margin-right: 0.5em; padding: 0 1em 0 0; }
	* + html #breadcrumbs li { margin-right: 0.5em; padding: 0 1em 0 0; }

/* =Sort options for browse pages (also used for sorting customer reviews) */	
.sort-options, #sort-options { text-align: right; margin: -0.5em 0 0.25em; }
.sort-options, #sort-options select { margin: 0; }

/* =Noscript tag for users who have javascript turned off */
/* =Preview mode */
#jsOff, #previewMode, #cookiesOff { background: #FFFFCC; border: 1px solid #FFFF00; margin: 0; padding: 5px; text-align: center; color: #cc0000; }
#previewMode a { color: #cc0000; }

/* Seasonal styles */
#holly { background-color: #fff; background-image: url(/images/holly.gif); background-repeat: no-repeat; padding-left: 3.5em; text-indent: 2.5em; }

/* Verisign seal */
#verisign, #verisignInCart { margin: 0; padding: 0; width: 100px; }
#verisign {  margin-left: -100px; float: right; text-align: right; }
#verisignInCart { text-align: center; margin: auto; }
#verisign img, #verisignInCart img { margin: 0; padding: 0; border: none; }

/* UPS logo (displayed on shipping page) */
#ups { margin-top: 40px; }
#ups-footnote { margin-top: 10px; text-align: center; }

/* Mute */
.mute { color: #808285; }
li .mute { font-size: 0.9em; }

/* Email a product to a friend */
#emailAFriend .c2l { width: 60%; }
#emailAFriend .c2r { width: 35%; }
#emailAFriend .c2r p { margin: 0; }
.email { background: url('/images/email.gif') no-repeat; padding-left: 21px; }

/* Bookmark/share links */
.icon-add { background: url(../images/icon-add.gif) no-repeat 0 0; padding-left: 19px; }

/* Product warnings */
#signal { margin: 2em 0; padding: 0 0 0.5em; color: #9b9993; clear: both; }
#signal li { text-indent: -25px; margin: 0 0 0.25em 25px; padding: 0; }
#signal li img { float: left; border: none; margin-right: 1.5em; }
#signal li strong {
	letter-spacing: 1px;
	font-weight: normal;
	font-family: Georgia, Times New Roman, serif;
	font-size: 1.4em;
	line-height: 1em;
	color: #000;
}
#signal li strong span { color: #999; }

/* Special coloring */
.aic, .aic a, .action, .action a { color: #9d1b31; }

/* =Credit cards */
#cc { float: left; list-style: none; margin: 0.75em 0; padding: 0; }
#cc li { float: left; margin: 0; padding: 0; }
#cc img { margin: 0; padding: 0; }

/* =Video */
#mainBody #vid { float: right; margin: 0 0 1em 0; width: 37%; min-height: 204px; }
#fullImage, .vid { position: relative; }
.play { position: absolute; background: #9d1b31; }
#vid-tabs #fullImage a.play { color: #fff; top: 1px; left: 319px; padding: 7px; }
#vid-tabs ul { margin-top: 0.5em; float: left; }
#vid-tabs ul li { float: left; margin: 0 10px 0 0; padding: 0; }
#vid-tabs img[alt="Video"] { border: 2px solid #ccc; }
.vid img.play { padding: 5px; bottom: 4px; right: 2px; border-width: 0; }
#vid-tabs .ui-tabs-selected a img[alt="Video"] { border: 2px solid #9d1b31; }
#vid-tabs .ui-tabs-hide { display: none; }
.product-list li a img.play { bottom: 3px; right: 1px; }
.feature img.play { bottom: 1px; right: 1px; }

/* =Cross promotion by artist or keyword */
.cross-promo { border-top: 1px solid #ddd; padding: 0.25em 0 0.5em; margin: 0.5em 0; overflow: hidden; }

/* =Customer reviews */
.divider { padding: 2.25em 0; border-top: 1px solid #ddd; clear: both; }
.reviews > h3, .by-user h1 { float: left; width: 70%; }
.reviews > h3 { margin-bottom: 1em; }
.reviews h3 span { padding-left: 0.55em; font: 0.6em Verdana, Arial, Sans-Serif; }
.reviews h3 span img { margin-bottom: -2px; }
.reviews p { clear: both; }
.reviews #all-reviews { clear: both; list-style: none; margin: 1em 0 0; }
.reviews #all-reviews > li { position: relative; padding-left: 105px; margin: 1.85em 0; min-height: 3.75em; }
.reviews #all-reviews > li p { line-height: 1.55em; }
.reviews #all-reviews > li .meta { position: absolute; top: 1px; left: 0; }
.reviews #all-reviews > li .meta li { padding: 0; }
.reviews #all-reviews > li .meta li p { margin-top: 0.2em; }
.reviews #all-reviews > li:last-child { margin-bottom: 0; }
.reviews .response { background: #f0f0ef; padding: 13px 15px 15px; }
.reviews .response strong { color: #9b9993; }
.reviews .star-rating { margin-top: -7px; overflow: hidden; }
.reviews .write-review { clear: both; padding: 0.75em 0 0; position: relative; }
.reviews .write-review textarea { margin-top: 0.3em; }
.reviews .write-review label.mute { position: absolute; top: 9px; left: 350px; }
.reviews .sort-options { clear: none; float: right; width: 25%; margin: 0.55em 0 0; }
.reviews .meta { line-height: 1.5em; }
.reviews .meta img { margin-bottom: 0.3em; }
.reviews .meta li { margin: 0; }
.reviews .meta, .reviews .meta .flag a { color: #808285; }
.reviews .meta .share, .reviews .meta .flag { display: inline; margin-right: 0.3em; }

/* =Reviews by user */
/* Undo some of the styles for reviews displayed on home page */
.by-user { margin-top: 1.75em; }
.by-user #mainBody h1 { margin: 0 0 0.5em; color: #9b9993; font-size: 1.25em; }
.by-user #mainBody .sort-options { margin: 0; }
.by-user #all-reviews > li { padding-left: 250px; min-height: 124px; }
.by-user #mainBody #all-reviews > li .meta { left: 142px; }
.by-user #all-reviews > li .meta li { padding: 0; }
.by-user #all-reviews > li .meta li p { margin-top: 0.2em; }
.by-user #all-reviews > li .photo { display: block; position: absolute; top: 1px; left: 0; }
.by-user #all-reviews > li:last-child { margin-bottom: 0; }