/* 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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,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-weight:normal; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
body { line-height:1em !important; color:black; background:white; }
ol,ul { list-style:none outside none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:; }
/* Webfontz */
@font-face {
font-family: 'Roman';
src: url('webfonts/lmroman10-regular-webfont.eot');
src: local('☺'), url('webfonts/lmroman10-regular-webfont.woff') format('woff'), url('webfonts/lmroman10-regular-webfont.ttf') format('truetype'), url('webfonts/lmroman10-regular-webfont.svg#webfontg3VAmqr8') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roman Italic';
src: url('webfonts/lmroman10-italic-webfont.eot');
src: local('☺'), url('webfonts/lmroman10-italic-webfont.woff') format('woff'), url('webfonts/lmroman10-italic-webfont.ttf') format('truetype'), url('webfonts/lmroman10-italic-webfont.svg#webfont1YvZMafy') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roman Bold';
src: url('webfonts/lmroman10-bold-webfont.eot');
src: local('☺'), url('webfonts/lmroman10-bold-webfont.woff') format('woff'), url('webfonts/lmroman10-bold-webfont.ttf') format('truetype'), url('webfonts/lmroman10-bold-webfont.svg#webfontDIaNd4lG') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roman Caps';
src: url('webfonts/lmromancaps10-regular-webfont.eot');
src: local('☺'), url('webfonts/lmromancaps10-regular-webfont.woff') format('woff'), url('webfonts/lmromancaps10-regular-webfont.ttf') format('truetype'), url('webfonts/lmromancaps10-regular-webfont.svg#webfont28neKOVT') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Cursive';
src: url('webfonts/LearningCurve_OT-webfont.eot');
src: local('☺'), url('webfonts/LearningCurve_OT-webfont.woff') format('woff'), url('webfonts/LearningCurve_OT-webfont.ttf') format('truetype'), url('webfonts/LearningCurve_OT-webfont.svg#webfontSY5jsO6d') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Lane';
src: url('webfonts/lane.eot');
src: local('☺'), url('webfonts/lane.woff') format('woff'), url('webfonts/lane.ttf') format('truetype'), url('webfonts/lane.svg#webfontSY5jeO6d') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'College';
src: url('webfonts/COLLEGE.eot');
src: local('☺'), url('webfonts/COLLEGE.eot?#iefix') format('embedded-opentype'),
url('webfonts/COLLEGE.woff') format('woff'),
url('webfonts/COLLEGE.ttf') format('truetype'),
url('webfonts/COLLEGE.svg#College') format('svg');
font-weight: normal;
font-style: normal;
}
body { position: relative; }
#container { width: 940px; margin: 0 auto; }
#content { width: 940px; margin: 0 auto; padding:0; position: relative; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
.nobr { white-space:nowrap; }
.required { color:#B5901D; }
p.order { font-size:11px; margin:0; padding:0; }
p.stores { font-size:11px; }
table.customer { font-size:11px; text-align:left; }
table.product { vertical-align:middle; }
input.inputDisabled { background:#eee none; color:#222; }
input.inputEnabled { }
.grayGradBG { background-image:url(/images/gray_grad_bg.gif); background-repeat:repeat-x; padding-top:5px; height:21px; }
table.order { font-size:12px; vertical-align:top; }
table.order th { border-left:1px solid black; border-top:1px solid black; border-bottom:1px solid black; }
table.order th.end { border-right:1px solid black; }
table.order td.border { border-left:1px solid black; border-bottom:1px solid black; }
table.order td.end { border-left:1px solid black; border-bottom:1px solid black; border-right:1px solid black; }
table.bottomLeftCurve { background-image:url(/images/table.bg.bottom.left.light.png); background-repeat:no-repeat; background-position:bottom left; }
table.userorders { width:100%; margin:4px 0 0; border-spacing:0 0; border-bottom:1px solid #c2c2c2; border-left:1px solid #c2c2c2; border-right:1px solid #c2c2c2; border-top:1px solid #c2c2c2; border-collapse:collapse; }
table.userorders th { padding:4px; background-image:url(/images/table.bg.light.repeat.jpg); background-repeat:repeat-x; * background-position: top right;*/
border-left:1px solid #c2c2c2; }
table.userorders td { padding:8px 4px; }
table.userorders thead tr { text-align:center; }
table.userorders tr.even { background-color:#f5f5f5; }
table.userorders tr.odd { background-color:#ffffff; }
td.center { text-align:center; }
th.center { text-align:center; }
table.userorders th.sorted { background-color:#c7c7c7; color:#000; background-image:url(/images/table.header.bg.repeat.jpg); background-repeat:repeat-x; background-position:top right; text-align:center; }
th.sorted a,th.sortable a { background-position:right; display:block; }
th.sortable a { background-image:url(/images/displaytag/arrow_off.png); background-repeat:no-repeat; }
th.order1 a { background-image:url(/images/displaytag/arrow_down.png); background-repeat:no-repeat; }
th.order2 a { background-image:url(/images/displaytag/arrow_up.png); background-repeat:no-repeat; }
.pagebanner { text-align:center; width:100%; display:block; font-weight:bold; color:#555555; padding-top:5px; }
.pagelinks { text-align:center; width:100%; display:block; color:#555555; padding-top:5px; }
#content .pagelinks a:hover { font-weight:bold; text-decoration:underline; }
a.orderLink { color:#555555; }
a.orderLink:hover { font-weight:bold; }
.darkGrayGradBG { background-color:#e3e3e3; color:#000; background-image:url(/images/table.header.bg.dark.jpg); background-repeat:repeat-x; }
.orderInfoCellLeft { color:#555555; padding:10px; font-size:11px; padding-right:5px; border-left:1px solid #c2c2c2; }
.orderInfoCellRight { color:#555555; padding:10px; font-size:11px; padding-right:5px; border-right:1px solid #c2c2c2; }
.orderInfoCell { color:#555555; padding:10px; font-size:11px; padding-right:5px; }
.orderInfoContentEnd { color:#555555; padding:5px 10px 10px; background-image:url(/images/table.bg.bottom.left.light.jpg); background-repeat:no-repeat; background-position:bottom left; font-size:11px; padding-right:5px; border-right:1px solid #c2c2c2; }
.orderInfoTitleEnd { background-color:#e3e3e3; color:#555555; background-image:url(/images/table.header.bg.light.jpg); background-repeat:no-repeat; background-position:top right; font-size:12px; padding:5px; text-align:left; padding-right:5px; border-left:1px solid #c2c2c2; }
.orderInfoTitle { background-color:#e3e3e3; color:#555555; background-image:url(/images/table.bg.light.repeat.jpg); background-repeat:repeat-x; font-size:12px; padding:5px; text-align:left; padding-right:5px; border-left:1px solid #c2c2c2; }
.orderId { background-color:#ebebeb; background-image:url(/images/row.header.bg.jpg); background-repeat:repeat-x; }
div.accountSubItem { padding:4px 4px 0 15px; vertical-align:bottom; }
div.accountSubItem a { text-decoration:underline; }
div.accountSubItem img { padding:0 6px 0 0; vertical-align:bottom; border:none; }
div.accountSubItem a:hover { font-weight:bold; text-decoration:underline; }
div.accountItemTitle { font-size:large; font-weight:bold; border-bottom:1px solid #777777; color:#777777; padding:4px 4px 0 0; margin-bottom:4px; }
div.accountItem { color:#777777; padding:0 0 10px; }
#userMenu { color:#777777; padding:4px 0 0; margin-top:4px; font-size:11px; border-top:1px solid #777777; text-align:center; white-space:nowrap; }
#userMenu a { color:#777777; font-size:11px; text-decoration:none; }
#userMenu a:hover { text-decoration:underline; }
a.boldHover { color:#555555; text-decoration:none; }
a.boldHover:hover { font-weight:bold; }
table.usertable { width:100%; margin:4px 0 0; border-spacing:0 0; border-bottom:1px solid #c2c2c2; border-left:1px solid #c2c2c2; border-right:1px solid #c2c2c2; border-top:1px solid #c2c2c2; border-collapse:collapse; font-size:12px; color:#555555; }
table.usertable th { padding:4px; background-image:url(/images/table.bg.light.repeat.jpg); background-repeat:repeat-x; border-left:1px solid #c2c2c2; text-align:left; }
table.usertable td { padding:8px; font-size:95%; }
.green { color:#00a650; }
.dottedBorder { border:1px dotted #777777; }
.backOrderNotice { background-color:#f5f6be; }
.couponDiscountNotice { background-color:#eaffcf; }
div.userMessageBlue { background-color:#d5eaff; color:#0054a6; border:1px solid #0054a6; font-size:11px; padding:6px; margin-bottom:10px; margin-top:10px; }
div.userMessage { background-color:#f0ffdc; color:#007236; border:1px solid #007236; font-size:11px; padding:6px; margin-bottom:10px; margin-top:10px; }
div.userMessageGray { background-color:#fafafa; color:#444444; border:1px solid #777777; padding:6px; margin-bottom:10px; margin-top:10px; }
div.userMessageError { background-color:#efefef; color:#555555; border:1px solid #777777; font-size:11px; padding:6px; margin-bottom:10px; margin-top:10px; }
.infoPageTitle { font-size:130%; font-weight:bold; background-color:#efefef; color:#555555; padding:5px; margin-bottom:20px; border:1px solid #777; text-align:center; }
.infoSectionHeader { color:#555555; border-bottom:1px solid #777777; padding-top:5px; font-size:120%; font-weight:bold; }
.infoSectionContent { padding-bottom:30px; padding-top:5px; color:#666666; }
.infoSubSectionHeader { font-size:105%; font-weight:bold; padding-top:20px; padding-bottom:5px; }
#infoPage { text-align:left; font-family:Verdana, Tahoma, Sans Serif; font-size:90%; color:#666666; }
#infoPage a { text-decoration:underline; color:#444444; }
#infoPage a:hover { color:#000000; }
#loginSidebar { float:right; background-color:#fafafa; color:#444444; border:1px solid #777777; font-size:11px; padding:6px; width:160px; }
#loginSidebar ul { padding-left:10px; margin-left:0; }
#loginSidebar a { text-decoration:underline; }
#loginSidebar a:hover { text-decoration:none; }
#suggestion { background-color:#efefef; padding-top:6px; padding-bottom:6px; padding-left:6px; margin-top:5px; text-align:center; color:#a0a0a0; font-size:11px; vertical-align:top; white-space:nowrap; }
#suggestion a { border:1px dashed #cecece; display:0; display:inline-block; margin-left:auto; margin-right:auto; text-align:center; margin-left:3px; margin-right:3px; opacity:.85; }
#suggestion a:hover { border:1px solid #ababab; opacity:1.0; }
.otherColors:hover { opacity:1.0; }
.otherColors { display:0; display:inline-block; opacity:.80; }
.otherColorsSelected { display:0; display:inline-block; }
#nav a.subMenu { font-size:85%; }
.pageTitle { font-size:large; font-weight:bold; border-bottom:1px solid #777777; color:#777777; padding:4px 4px 0 0; margin-bottom:4px; }
#detailHeader { color:#333; }
#detailHeader a { color:#777777; text-decoration:none; font-size:95%; }
#detailHeader a:hover { text-decoration:underline; }
#tabHeader { float:left; width:100%; background:#ffffff url(/images/tab_bg.png) repeat-x bottom; }
#tabHeader ul { margin:0; padding:5px 0 0; list-style:none; }
#tabHeader li { float:left; margin-left:0; margin-right:6px; padding:0; background-color:#ede8dc; background:url(/images/tab_right.png) no-repeat right top; }
#tabHeader a { display:block; padding:5px 15px 4px; text-decoration:none; color:#a9a7a2; background:url(/images/tab_left.png) no-repeat left top; }
#tabHeader a:hover { text-decoration:underline; color:#626262; }
#tabHeader .current { background-color:#d8d6d4; background-image:url(/images/tab_right_on.png); }
#tabHeader .current a { background-image:url(/images/tab_left_on.png); text-decoration:none; color:#626262; padding-bottom:5px; }
#tabBody { border-top:1px solid #b2b2b2; }
#storeWrapper { width:606px; margin:0 20px; font-size:15px; }
a img { border:0; }
h1.fancy-header { line-height: 40px; font-size: 40px; font-family: "roman",serif; color: #333; text-transform: lowercase; word-spacing: -7px; }
h1.fancy-header em { font-family: "roman italic"; color: #666; }
/* login */
#login-page h1 { word-spacing: -4px; margin: 15px 0 35px 0; }
#login-page p.good-message,
#login-page p.error { margin: -15px 0 10px 0; text-align: center; font-family: helvtica, arial, geneva, sans-serif; color: #fff; font-size: 12px; line-height: 120%; padding: 20px 10px; }
#login-page p.good-message { background-color: #333; }
#login-page p.error { background-color: #900; }
#new-customers { display: inline; float: left; width: 280px; margin: 0 40px 0 0; }
#existing-customers { display: inline; float: left; width: 280px; margin: 0 40px 0 0; padding: 0 0 0 39px; border-left: 1px solid #ccc; }
#continue-without-login { display: inline; float: left; width: 220px; margin: 0; padding: 0 0 0 39px; border-left: 1px solid #ccc; }
#login-page .button { display: inline; float: left; line-height: 24px; color: #fff; font-family: helvetica, arial, geneva, sans-serif; font-size: 11px; text-align: center; text-decoration: none; background: #555555; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#555555'); background: -webkit-gradient(linear, left top, left bottom, from(#888888), to(#555555)); background: -moz-linear-gradient(top, #888888, #555555); }
#login-page .button:hover { background: #222222; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222'); background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#222222)); background: -moz-linear-gradient(top, #555555, #222222); }
#login-page .faux-submit { line-height: 40px; font-size: 13px; }
#login-form { margin: 20px 0 30px 0; }
#reset-password h2,
#login-form h2 { font-size: 28px; line-height: 36px; margin: 0 0 15px 0; }
#reset-password label,
#login-form label { display: block; font-size: 12px; margin: 0 0 5px 0; font-family: helvetica, arial, geneva, sans-serif; }
#reset-password,
#login-form { font-family: roman; }
#reset-password input,
#login-form input { display: block; width: 270px; padding: 4px; border: 1px solid #999; margin: 0 0 10px 0; line-height: 20px; font-family: helvetica, arial, geneva, sans-serif; font-size: 11px; height: 20px; }
#reset-password input { width: 210px; }
#reset-password p,
#login-form p { font-size: 15px; line-height: 120%; margin: 0 0 15px 0; }
#login-form p.error { font-size: 11px; font-family: helvetica, arial, geneva, sans-serif; color: #fff; background: #900; text-align: center; padding: 10px; margin: 0 0 10px 0; }
#login-form em { font-family: "roman italic"; }
#continue-without-login p { font-size: 13px; }
#new-customers .faux-submit { width: 160px; margin: 0 0 0 120px; }
#existing-customers .button { width: 160px; margin: 8px 0 0 0; }
#reset-password .faux-submit { width: 120px; margin: 0 0 10px 100px; }
#existing-customers .faux-submit { width: 100px; margin: 0 0 0 20px; }
#continue-without-login .faux-submit { width: 220px; margin: 0 0 10px 0; }
#login-page .obscured { opacity: .30; filter: alpha(opacity=30); }
#reset-password { position: absolute; width: 220px; background: #fff; padding: 0 0 0 39px; border-left: 1px solid #ccc; }
#reset-password .never-you-mind { display: block; font-family: helvetica, arial, geneva, sans-serif; font-size: 10px; text-align: right; }
/* checkout */
#order-summary { clear: both; font-family: helvetica, arial, geneva, sans-serif; font-size: 12px; }
#order-summary .instructions { line-height: 130%; width: 450px; margin: 10px 0 0 0; }
#order-summary .order-instructions { display: inline; float: left; }
#order-summary strong { font-weight: bold; }
#order-summary .details { display: inline; float: right; clear: right; width: 430px; margin: 10px 0 0 0; background: #f0f0f0; padding: 0 9px; border: 1px solid #ccc; }
#order-summary .segment { position: relative; margin: 9px 0; }
#order-summary dt { font-size: 9px; text-transform: uppercase; line-height: 11px; }
#order-summary dd { border-bottom: 1px solid #ccc; margin: 0 0 4px 0; }
#order-summary dd.last { border-bottom: 0; }
#order-summary h2 { margin: 0 0 5px -20px; height: 40px; width: 480px; background: url("/images/checkout/summary-bgs.png") no-repeat 0 0; position: relative; }
#order-summary h2 span { color: #fff; line-height: 26px; vertical-align: top; padding: 0 0 0 20px; font-family: roman; font-size: 18px; text-shadow: 1px 1px 0 #000; }
#order-summary h2 div { position: absolute; right: 0; top: 0; height: 40px; width: 15px; background: url("/images/checkout/summary-bgs.png") no-repeat -485px 0; }
#order-summary .details h2 { width: 460px; }
#order-summary address { vertical-align: top; margin: 0 20px 0 0; font-style: normal; }
#order-summary .shipping-segment address { margin: 0 40px 0 0; vertical-align: middle; }
#order-summary .shipping-note { width: 200px; font-size: 10px; line-height: 120%; vertical-align: middle; }
#order-summary dl { vertical-align: top; }
#order-summary .card-type { width: 48px; height: 30px; text-indent: -9999px; vertical-align: middle; }
* + html #order-summary .credit-segment span { display: block; }
#order-summary .Visa { background: url("/images/checkout/visa.png") no-repeat 0 0; }
#order-summary .Master { background: url("/images/checkout/mastercard.png") no-repeat 0 0; }
#order-summary .American { background: url("/images/checkout/amex.png") no-repeat 0 0; }
#order-summary .invoice { display: block; }
#order-summary .billing-segment { padding: 0; border-bottom: 1px solid #ccc; }
#order-summary .credit-segment { padding: 0 0 9px 0; border-bottom: 1px solid #ccc; }
#order-summary .credit-segment span { margin: 0 10px 0 0; }
#order-summary .pictoral-summary { display: inline; float: left; width: 450px; padding: 9px 9px 0 9px; border: 1px solid #ccc; background: #f0f0f0; margin: 10px 0 0 0; }
#order-summary .pictoral-summary table { border-collapse: collapse; }
#order-summary .pictoral-summary tr { }
#order-summary .pictoral-summary td { background: #e0e0e0; }
#order-summary .pictoral-summary td.spacer { background: none; line-height: 9px; }
#order-summary .pictoral-summary a { width: 75px; height: 100px; display: block; }
#order-summary .pictoral-summary td.lefty { width: 75px; height: 100px; vertical-align: middle; border: 1px solid #ccc; border-right: none; }
#order-summary .pictoral-summary td.middly { width: 240px; height: 100px; padding: 0 5px 0 10px; vertical-align: middle; border: 1px solid #ccc; border-left: none; border-right: none; }
#order-summary .pictoral-summary td.righty { width: 110px; height: 100px; padding: 0 5px; vertical-align: middle; border: 1px solid #ccc; border-left: none; }
#order-summary .pictoral-summary h3 { font-size: 13px; line-height: 120%; margin: 0 0 5px 0; }
#order-summary .pictoral-summary dl { }
#order-summary .pictoral-summary dt { margin-right: 5px; line-height: 9px; vertical-align: middle; }
#order-summary .pictoral-summary dd { border: 0; font-size: 13px; line-height: 13px; margin: 0; }
#order-summary .pictoral-summary .inventory-notice { vertical-align: middle; font-size: 10px; line-height: 12px; margin: 7px 0 0 0; }
#order-summary .pictoral-summary .inventory-notice span { display: inline; float: left; width: 24px; height: 25px; background: url("/images/checkout/confirm.png") no-repeat 0 0; margin: 0 5px 0 0; }
#order-summary .pictoral-summary h4 { width: 110px; text-align: center; font-size: 15px; line-height: 21px; vertical-align: middle; margin: 0 0 5px 0; }
#order-summary .pictoral-summary .discount-applied { width: 108px; padding: 3px 0; font-size: 9px; white-space: nowrap; text-transform: uppercase; text-align: center; line-height: 13px; background: #fff; border: 1px dashed #900; vertical-align: middle; }
#order-summary .pictoral-summary .discount-applied span { display: block; font-size: 15px; line-height: 19px; color: #900; }
#order-summary .pictoral-summary .discount-applied em { font-style: normal; display: block; color: #900; }
#order-summary .order-totals { margin: 20px 0 0 0; }
#order-summary .order-totals h2 { background-position: 0 -40px; }
#order-summary .order-totals h2 div { background-position: -485px -40px; }
#order-summary .order-totals dd { font-size: 20px; font-weight: lighter; line-height: 28px; }
#order-summary .order-totals dd.by-UPS form { height: 30px; background: url("/images/checkout/confirm.png") no-repeat -24px 0; padding: 10px 0 5px 49px; }
#order-summary .order-totals dt span { display: block; text-transform: none; font-size: 11px; line-height: 13px; margin: 5px 0; }
#order-summary .order-totals .discount { color: #900; }
#order-summary .order-totals dt.grand-total { display: block; margin: 14px 0 0 -20px; padding: 3px 0 0 20px; width: 200px; line-height: 13px; height: 13px; color: #fff; font-size: 11px; background: url("/images/checkout/summary-bgs.png") no-repeat 0 -120px; position: relative; }
#order-summary .order-totals dt.grand-total span { display: block; position: absolute; right: 0; top: 0; width: 15px; height: 16px; background: url("/images/checkout/summary-bgs.png") no-repeat -485px -120px; margin: 0; line-height: 12px; }
#order-summary .order-totals dd.grand-total { margin: 0 0 0 -20px; height: 34px; line-height: 34px; width: 200px; padding: 0 0 10px 20px; color: #fff; font-size: 28px; background: url("/images/checkout/summary-bgs.png") no-repeat 0 -136px; position: relative; }
#order-summary .order-totals dd.grand-total span { display: block; position: absolute; right: 0; top: 0; width: 15px; height: 44px; background: url("/images/checkout/summary-bgs.png") no-repeat -485px -136px; }
#order-summary .process-order { margin: 20px 0 0 0; }
#order-summary .process-order h2 { background-position: 0 -80px; }
#order-summary .process-order div { background-position: -485px -80px; }
#order-summary .process-order input { display: block; position: absolute; left: -9999px; top: -9999px; }
#order-summary .process-order p { margin: 0 0 10px 0; }
#order-summary .process-order form { vertical-align: middle; }
#order-summary .process-order a { color: #fff; text-transform: uppercase; margin: 0 10px 0 0; text-decoration: none; padding: 10px; border: 1px solid; vertical-align: middle; }
#order-summary .process-order #submit-order-form a { font-size: 14px; line-height: 14px; }
#order-summary .process-order #cancel-order-form a { font-size: 11px; line-height: 11px; }
#order-summary .process-order #submit-order-form a {
background: #bf9e58;
background: -moz-linear-gradient(top, #bf9e58 0%, #907744 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bf9e58), color-stop(100%,#907744));
background: -webkit-linear-gradient(top, #bf9e58 0%,#907744 100%);
background: -o-linear-gradient(top, #bf9e58 0%,#907744 100%);
background: -ms-linear-gradient(top, #bf9e58 0%,#907744 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf9e58', endColorstr='#907744',GradientType=0 );
background: linear-gradient(top, #bf9e58 0%,#907744 100%);
border-color: #907744;
}
#order-summary .process-order #submit-order-form a:hover,
#order-summary .process-order #submit-order-form a:focus {
background: #99773a;
background: -moz-linear-gradient(top, #99773a 0%, #654f29 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99773a), color-stop(100%,#654f29));
background: -webkit-linear-gradient(top, #99773a 0%,#654f29 100%);
background: -o-linear-gradient(top, #99773a 0%,#654f29 100%);
background: -ms-linear-gradient(top, #99773a 0%,#654f29 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99773a', endColorstr='#654f29',GradientType=0 );
background: linear-gradient(top, #99773a 0%,#654f29 100%);
}
#order-summary .process-order #cancel-order-form a,
#order-summary .process-order #submit-order-form a.submitting {
background: #777777;
background: -moz-linear-gradient(top, #777777 0%, #444444 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#777777), color-stop(100%,#444444));
background: -webkit-linear-gradient(top, #777777 0%,#444444 100%);
background: -o-linear-gradient(top, #777777 0%,#444444 100%);
background: -ms-linear-gradient(top, #777777 0%,#444444 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#444444',GradientType=0 );
background: linear-gradient(top, #777777 0%,#444444 100%);
border-color: #444444;
}
#order-summary .process-order #cancel-order-form a:hover,
#order-summary .process-order #submit-order-form a.submitting:hover,
#order-summary .process-order #cancel-order-form a:focus,
#order-summary .process-order #submit-order-form a.submitting:focus {
background: #444444;
background: -moz-linear-gradient(top, #444444 0%, #777777 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#777777));
background: -webkit-linear-gradient(top, #444444 0%,#777777 100%);
background: -o-linear-gradient(top, #444444 0%,#777777 100%);
background: -ms-linear-gradient(top, #444444 0%,#777777 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#777777',GradientType=0 );
background: linear-gradient(top, #444444 0%,#777777 100%);
border-color: #333333;
}
#order-summary .order-number { margin-top: -30px; }
/* billing address */
#billing-address { font-family: helvetica, arial, geneva, sans-serif; font-size: 12px; }
#billing-address .instructions { margin: 25px 0 15px 0; }
#address-buttons,
.wait #address-types { position: absolute; left: -9999px; top: -9999px; }
.wait #address-buttons { position: relative; left: 0; top: 0; padding: 5px; margin: 0 0 10px 0; }
#customs-msg { display: none; }
#address-buttons ul,
#ship-prefs ul { display: inline; float: left; margin: 0 0 0 -10px; width: 340px; }
#address-buttons span,
#ship-prefs span { display: inline; float: left; width: 400px; margin: 0 0 0 10px; color: red; line-height: 42px; }
#address-buttons li,
#ship-prefs li { display: inline; float: left; margin: 0 0 0 10px; width: 148px; height: 30px; padding: 5px; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; opacity: .5; filter: alpha(opacity=50); background: #f0f0f0; }
#address-buttons li:hover,
#ship-prefs li:hover { opacity: .85; filter: alpha(opacity=85); }
#address-buttons li.selected,
#ship-prefs li.selected { opacity: 1; filter: alpha(opacity=100); background: #ABDDAB; border-color: #090; }
#address-buttons a,
#ship-prefs a { display: block; width: 148px; height: 30px; text-indent: -9999px; }
#usAddress { background: url("/images/checkout/checkout-buttons.png") no-repeat 0 0; }
#intAddress { background: url("/images/checkout/checkout-buttons.png") no-repeat -148px 0; }
#is-invoice-included { background: url("/images/checkout/checkout-buttons.png") no-repeat -296px 0; }
#is-box-included { background: url("/images/checkout/checkout-buttons.png") no-repeat -444px 0; }
#address-fields { margin: 0; clear: both; }
#address-fields div { padding: 8px; margin-bottom: 4px; border: 1px solid #fff; }
#address-fields div#for-us-addresses,
#address-fields div#for-int-addresses { padding: 0; margin: 0; border: 0; }
#address-fields div.focused { background: #f0f0f0; border-color: #ccc; }
#address-fields div.focused input { color: #333; }
#address-fields div.temp-error { background: #FFD9D9; border-color: red; }
#address-fields input.not-empty { color: #333 !important; }
#address-fields div.inline-block { margin: 0 4px 4px 0; vertical-align: top; }
#address-fields h3,
#address-fields label { display: block; margin: 0 0 4px 0; font-size: 10px; line-height: 10px; }
#address-fields h3 { font-size: 12px; line-height: 12px; margin: 0 0 6px 0; }
#address-fields select,
#address-fields input { display: block; padding: 5px; margin: 0 5px 0 0; font-size: 14px; color: #333; vertical-align: middle; }
#address-fields select { padding: 7px 5px; }
#ship-address-box h3 { margin-bottom: 16.5px; }
#ship-address-box label { display: inline; }
#ship-address-box input { display: inline; }
#address-fields span.error { display: block; color: red; margin: 8px 0 0 0; }
#address-fields span.ok { display: block; color: green; margin: 5px 0 0 0; }
#address-fields #p-o-notice { background: #F1EDE0; border: 1px solid #c3a25a; padding: 7.5px 12px; }
/* credit card processing */
#credit-card-payment { font-family: helvetica, arial, geneva, sans-serif; font-size: 12px; }
#credit-card-payment .instructions { margin: 25px 0 15px 0; }
#credit-card-buttons,
.wait #credit-card-types { position: absolute; left: -9999px; top: -9999px; }
.wait #credit-card-buttons { position: relative; left: 0; top: 0; padding: 5px; }
.wait #credit-card-fields { display: none; }
#credit-card-buttons h2 { text-indent: 5px; font-size: 11px; line-height: 11px; margin: 0 0 4px 0; }
#credit-card-buttons ul { display: inline; float: left; margin: 0 0 0 -10px; width: 210px; }
#credit-card-buttons span { display: inline; float: left; width: 400px; margin: 0 0 0 10px; color: red; line-height: 42px; }
#credit-card-buttons li { display: inline; float: left; margin: 0 0 0 10px; width: 48px; height: 30px; padding: 5px; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; opacity: .5; filter: alpha(opacity=50); background: #f0f0f0; }
#credit-card-buttons li:hover { opacity: .85; filter: alpha(opacity=85); }
#credit-card-buttons li.selected { opacity: 1; filter: alpha(opacity=100); background: #ABDDAB; border-color: #090; }
#credit-card-buttons a { display: block; width: 48px; height: 30px; text-indent: -9999px; }
#visaCardButton { background: url("/images/checkout/visa.png") no-repeat 0 0; }
#masterCardButton { background: url("/images/checkout/mastercard.png") no-repeat 0 0; }
#americanExpressCardButton { background: url("/images/checkout/amex.png") no-repeat 0 0; }
#credit-card-fields { margin: 0; }
#credit-card-fields div { padding: 8px; margin-bottom: 4px; border: 1px solid #fff; }
#credit-card-fields div.focused { background: #f0f0f0; border-color: #ccc; }
#credit-card-fields div.focused input { color: #333; }
#credit-card-fields div.temp-error { background: #FFD9D9; border-color: red; }
#credit-card-fields input.not-empty { color: #333 !important; }
#credit-card-fields div.inline-block { margin: 0 4px 4px 0; vertical-align: top; }
#credit-card-fields label { display: block; }
#credit-card-fields label { margin: 0 0 4px 0; font-size: 10px; line-height: 10px; }
#credit-card-fields input { padding: 5px; margin: 0 5px 0 0; font-size: 14px; color: #999; vertical-align: middle; }
#credit-card-fields span.error { color: red; vertical-align: middle; }
#credit-card-fields span.ok { color: green; }
/* session errors */
.session-error h1 { margin: 0 0 20px 0; }
.session-error p { font-family: helvetica, arial, geneva, sans-serif; line-height: 120%; font-size: 12px; width: 500px; margin: 0 0 10px 0; }
/* big 4 splashes */
.big-4 { width: 960px; height: 500px; margin: 0 0 0 -10px; position: relative; }
.big-4 h1 { text-indent: -9999px; height: 90px; margin: 0; padding: 0; }
.big-4 p { font-family: helvetica, arial, geneva, sans-serif; line-height: 130%; margin: 0; }
.big-4 p.splash-explain { font-size: 15px; margin: 10px 0 20px 20px; width: 450px; color: #333; font-weight: lighter; }
.big-4 h2 { font-weight: normal; }
.big-4 h2 a { margin-left: 20px; padding: 13px 20px 7px 20px; font-family: helvetica, arial, geneva, verdana, sans-serif; text-transform: uppercase; color: #666; color: rgba(255,255,255,1); text-shadow: 0 1px #666; text-align: center; text-decoration: none; background: #fff; background: rgba(0,0,0,.50); border: 1px solid #fff; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; box-shadow: 0 0 5px #666; }
.big-4 h2 a:hover,
.big-4 h2 a:focus { background-color: rgba(0,0,0,.80); -moz-box-shadow: 0 0 2px #666; -webkit-box-shadow: 0 0 2px #666; box-shadow: 0 0 2px #666; }
/*.love-gradients { background: #333333;background: -moz-linear-gradient(top, #666666 0%, #000000 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#000000));background: -webkit-linear-gradient(top, #666666 0%,#000000 100%);background: -o-linear-gradient(top, #666666 0%,#000000 100%);background: -ms-linear-gradient(top, #666666 0%,#000000 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#000000',GradientType=0 );background: linear-gradient(top, #666666 0%,#000000 100%);border-color: #999999; }
.love-gradients:hover,
.love-gradients:focus { background: #000000;background: -moz-linear-gradient(top, #333333 0%, #000000 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#000000));background: -webkit-linear-gradient(top, #333333 0%,#000000 100%);background: -o-linear-gradient(top, #333333 0%,#000000 100%);background: -ms-linear-gradient(top, #333333 0%,#000000 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=0 );background: linear-gradient(top, #333333 0%,#000000 100%);border-color: #666666; }*/
.big-4 .lower-box { display: inline; float: left; width: 440px; margin-top: 35px; margin-bottom: 20px; }
.big-4 .lower-left { width: 500px; margin-left: 0; margin-right: 20px; }
.big-4 .lower-box h2 { font-family: "roman"; color: #333; font-size: 20px; line-height: 32px; margin: 0 0 8px 0; }
.big-4 .lower-box ul { width: 450px; margin: 0 0 0 -10px; }
.big-4 .lower-box ul.break-out { width: 510px; }
.big-4 .lower-box li { display: inline; float: left; width: 140px; margin: 0 0 0 10px; }
.big-4 .break-out li { width: 115px; }
.big-4 .lower-box .block-link { display: block; height: 100px; text-indent: -9999px; background-image: url("/images/splash/holiday-2011/sprites.jpg"); background-repeat: no-repeat; position: relative; }
.big-4 .lower-box .block-link:hover,
.big-4 .lower-box .block-link:focus { opacity: .80; filter:alpha(opacity=80); background-color: #333; }
.big-4 .lower-box .block-link:after { position: absolute; top: 0; left: 0; content: ""; display: block; width: 138px; border: 1px solid #333; height: 98px; visibility: hidden; }
.big-4 .lower-box .block-link:hover:after,
.big-4 .lower-box .block-link:focus:after { visibility: visible; }
.big-4 .lower-box .break-out .block-link:after { width: 113px; }
.big-4 .lower-box h3 { margin: 12px 0 4px 0; font-family: helvetica, arial, geneva, sans-serif; font-weight: lighter; text-transform: uppercase; font-size: 14px; line-height: 14px; }
.big-4 .lower-box h3 a { color: #333; text-decoration: none; border-bottom: 1px dotted #fff; }
.big-4 .lower-box h3 a:hover,
.big-4 .lower-box h3 a:focus { border-color: #999; }
.big-4 .lower-box .bgand h3 a { color: #900; }
.big-4 .lower-box .bgand h3 span { padding-right: 5px; font-size: 70%; color: #900; }
.big-4 .lower-box .bgand h3 a:hover,
.big-4 .lower-box .bgand h3 a:focus { border-color: #900; }
.big-4 .lower-box p { font-size: 11px; color: #666; }
#necklaces-splash .lower-box ul.types li,
#earrings-splash .lower-box ul.types li,
#rings-splash .lower-box ul.types li { width: 100px; }
#necklaces-splash .lower-box ul.types .block-link:after,
#earrings-splash .lower-box ul.types .block-link:after,
#rings-splash .lower-box ul.types .block-link:after { width: 98px; }
#necklaces-splash .lower-box ul.types li.end-of-row,
#earrings-splash .lower-box ul.types li.end-of-row,
#rings-splash .lower-box ul.types li.end-of-row { width: 110px; }
#necklaces-splash .lower-box ul.types li.end-of-row a.block-link,
#earrings-splash .lower-box ul.types li.end-of-row a.block-link,
#rings-splash .lower-box ul.types li.end-of-row a.block-link { width: 100px; }
/* necklace splash */
#necklaces-splash { background: url("/images/splash/resort-2012/necklaces-bg.jpg") no-repeat 0 0; }
#necklaces-splash .bgand .block-link { background-position: 0 -400px; }
#necklaces-splash .asfb .block-link { background-position: 0 0; }
#necklaces-splash .agrsu .block-link { background-position: -140px 0; }
#necklaces-splash .asemc .block-link { background-position: -280px 0; }
#necklaces-splash .classic .block-link { background-position: -420px 0; }
#necklaces-splash .bib .block-link { background-position: -520px 0; }
#necklaces-splash .pendant .block-link { background-position: -620px 0; }
#necklaces-splash .long-strand .block-link { background-position: -720px 0; }
/* earring splash */
#earrings-splash { background: url("/images/splash/resort-2012/earrings-bg.jpg") no-repeat 0 0; }
#earrings-splash .bgand .block-link { background-position: -230px -400px; }
#earrings-splash .asfb .block-link { background-position: -10px -100px; }
#earrings-splash .agrsu .block-link { background-position: -150px -100px; }
#earrings-splash .asemc .block-link { background-position: -290px -100px; }
#earrings-splash .post .block-link { background-position: -420px -100px; }
#earrings-splash .clip .block-link { background-position: -520px -100px; }
#earrings-splash .hoop .block-link { background-position: -620px -100px; }
#earrings-splash .french-wire .block-link { background-position: -720px -100px; }
/* bracelet splash */
#bracelets-splash { background: url("/images/splash/resort-2012/bracelets-bg.jpg") no-repeat 0 0; }
#bracelets-splash .bgand .block-link { background-position: -115px -400px; }
#bracelets-splash .asfb .block-link { background-position: 0 -200px; }
#bracelets-splash .agrsu .block-link { background-position: -140px -200px; }
#bracelets-splash .asemc .block-link { background-position: -280px -200px; }
#bracelets-splash .classic .block-link { background-position: -420px -200px; }
#bracelets-splash .cuff .block-link { background-position: -560px -200px; }
#bracelets-splash .bangle .block-link { background-position: -700px -200px; }
/* ring splash */
#rings-splash { background: url("/images/splash/resort-2012/rings-bg.jpg") no-repeat 0 0; }
#rings-splash .bgand .block-link { background-position: -345px -400px; }
#rings-splash .asfb .block-link { background-position: 0 -300px; }
#rings-splash .agrsu .block-link { background-position: -140px -300px; }
#rings-splash .asemc .block-link { background-position: -280px -300px; }
#rings-splash .solitaire .block-link { background-position: -420px -300px; }
#rings-splash .stacked .block-link { background-position: -520px -300px; }
#rings-splash .cocktail .block-link { background-position: -620px -300px; }
#rings-splash .fun .block-link { background-position: -720px -300px; }
/* end big 4 splashes */
/* common splash page stuffs */
.product-splash { width: 960px; height: 550px; margin: 0 0 0 -10px; position: relative; }
.product-splash .splash-container { position: absolute; left: 5px; top: 5px; width: 470px; height: 525px; background: url("/images/fall-2011-common/fading-white-bg.png") no-repeat 0 0; padding: 15px 15px 0 15px; font-family: roman; color: #333; }
.product-splash .splash-container a { text-decoration: none; color: #333; }
.product-splash h1 { font-size: 36px; line-height: 36px; margin: 0 0 10px 0; }
.product-splash p { line-height: 130%; font-size: 16px; margin: 0 0 15px 0; }
.product-splash h2 { font-family: "roman italic"; font-size: 18px; line-height: 18px; padding-bottom: 4px; border-bottom: 1px dotted #666; margin: 0 0 15px 0; }
.product-splash .by-color { width: 480px; height: 185px; margin: 0 0 15px -10px; }
.product-splash .by-color li { display: inline; float: left; width: 150px; height: 185px; margin: 0 0 0 10px; overflow: visible; }
.product-splash .by-color li a { display: block; width: 150px; height: 185px; position: relative; opacity: .80; filter:alpha(opacity=80); color: #222; background-image: url("/images/fall-2011-common/links.jpg"); background-repeat: no-repeat; -moz-box-shadow: 0 0 1px 1px #666; - -webkit-box-shadow: 0 0 1px 1px #666; box-shadow: 0 0 1px 1px #666; }
.product-splash .by-color li a:hover,
.product-splash .by-color li a:focus { opacity: 1.00; filter:alpha(opacity=100); -moz-box-shadow: 0 0 .5px #666; - -webkit-box-shadow: 0 0 .5px #666; box-shadow: 0 0 .5px #666; }
.product-splash .by-color li a div { position: absolute; }
.product-splash .by-color li a span { display: block; }
.product-splash .by-color span.top { font-family: "roman italic"; font-size: 16px; line-height: 16px; text-transform: lowercase; text-indent: 2px; }
.product-splash .by-color span.middle { font-size: 20px; line-height: 24px; margin-bottom: 1px; }
.product-splash .by-color span.bottom { font-family: "roman caps"; font-size: 14px; line-height: 14px; text-transform: lowercase; letter-spacing: 1.5px; text-indent: 2px; }
.product-splash .by-type { height: 120px; }
.product-splash .by-type li { display: inline; float: left; margin: 0 0 0 10px; width: 110px; height: 120px; }
.product-splash .by-type a { display: block; position: relative; width: 110px; height: 120px; opacity: .80; filter:alpha(opacity=80); color: #222; background-image: url("/images/fall-2011-common/links.jpg"); background-repeat: no-repeat; -moz-box-shadow: 0 0 1px 1px #666; - -webkit-box-shadow: 0 0 1px 1px #666; box-shadow: 0 0 1px 1px #666; }
.product-splash .by-type li a:hover,
.product-splash .by-type li a:focus { opacity: 1.00; filter:alpha(opacity=100); -moz-box-shadow: 0 0 .5px #666; - -webkit-box-shadow: 0 0 .5px #666; box-shadow: 0 0 .5px #666; }
.product-splash .by-type a span { display: block; position: absolute; width: 110px; line-height: 15px; font-family: "roman caps"; font-size: 15px; text-align: center; left: 0; top: 3px; }
.product-splash .splash-container h4 { position: absolute; top: 22px; left: 335px; height: 24px; width: 150px; }
.product-splash .splash-container h4 a { display: block; width: 148px; border: 1px solid #fff; font-family: helvetica, arial, geneva, sans-serif; color: #fff; text-transform: uppercase; background: #333; line-height: 21px; padding-top: 1px; font-size: 12px; text-align: center; opacity: .80; filter:alpha(opacity=80); }
.product-splash .splash-container h4 a:hover,
.product-splash .splash-container h4 a:focus { opacity: 1.00; filter:alpha(opacity=100); }
/* accessories splash page */
#accessories-splash { background: url("/images/fall-2011-common/accessories-bg.jpg") no-repeat 0 0; height: 450px; }
#accessories-splash h4 { top: 45px; width: 170px; left: 335px; }
#accessories-splash h4 a { width: 168px; }
#accessories-splash h1 { margin: 20px 0 20px 0; }
#accessories-splash p { margin: 30px 0 48px 0; width: 470px; }
#accessories-splash .splash-container { width: 950px; background: none; }
#accessories-splash .by-color { width: 950px; margin: 0 0 15px -40px; }
#accessories-splash .by-color li { margin: 0 0 0 40px; }
#accessories-splash .by-color li a div { left: 10px; top: 8px; }
#accessories-splash .brooches a { background-position: 0 -1100px; }
#accessories-splash .boxes a { background-position: -150px -1100px; }
#accessories-splash .tiaras a { background-position: -300px -1100px; }
#accessories-splash .anklets a { background-position: 0 -1285px; }
#accessories-splash .extenders a { background-position: -150px -1285px; }
/* charms splash page */
#charms-splash { background: url("/images/spring-2011/charms/bg.jpg") no-repeat 0 0; padding: 0 10px; width: 940px; margin: 0 0 0 -10px; height: 500px; font-family: "roman",georgia,"times new roman",serif; color: #333; position: relative; }
#charms-splash a:hover,
#charms-splash a:focus { outline: 0; }
#charms-splash h1 { font-size: 43px; line-height: 68px; margin-left: 10px; padding: 10px 0 0 0; }
#charms-splash p { font-size: 16px; line-height: 120%; width: 510px; margin: 0 0 10px 10px; }
#charms-splash #charm-types { width: 540px; margin: 0 0 0 -20px; }
#charms-splash #charm-types li { display: inline; float: left; width: 160px; margin: 0 0 0 20px; }
#charms-splash #charm-types li a { text-transform: lowercase; text-decoration: none; }
/*#charms-splash #charm-types h2 { font-family: "roman caps"; line-height: 33px; font-size: 23px; text-align: right; }*/
#charms-splash #charm-types h2 { line-height: 34px; font-family: "roman italic"; font-size: 22px; text-align: center; margin: 5px 0 0 0; }
#charms-splash #charm-types h2 a { display: block; border: 1px dotted #999; border: 1px dotted rgba(153,153,153,.50); padding: 8px 0; color: #555; }
#charms-splash #charm-types h2 a:hover,
#charms-splash #charm-types h2 a:focus { border-color: #999; background: url("/images/spring-2011/dark-tile.png") repeat 0 0; }
#charms-splash #charm-types h3 { font-family: helvetica, arial, geneva, sans-serif; line-height: 18px; font-size: 12px; padding: 2px 0 0 0; text-align: right; }
#charms-splash #charm-types h4 { font-family: helvetica, arial, geneva, sans-serif; line-height: 15px; font-size: 12px; text-align: right; margin: 2px 0 0 0; }
#charms-splash #charm-types h3 a,
#charms-splash #charm-types h4 a { display: block; }
#charms-splash #charm-types h3 span,
#charms-splash #charm-types h4 span { width: 10px; background-image: url("/images/spring-2011/spring-splash-slices.png"); background-repeat: no-repeat; vertical-align: middle; margin: 0 0 0 5px; }
#charms-splash #charm-types h2 a:hover,
#charms-splash #charm-types h2 a:focus,
#charms-splash #charm-types h3 a:hover,
#charms-splash #charm-types h4 a:hover,
#charms-splash #charm-types h3 a:focus,
#charms-splash #charm-types h4 a:focus { position: relative; top: 2px; }
#charms-splash #charm-types h4 span { background-position: 0 -20px; height: 15px; }
#charms-splash #charm-types a { color: #333; }
#charms-splash #charm-types h3 span { background-position: -40px 0; height: 20px; }
#charms-splash #charm-types .big-image { display: block; position: absolute; top: 227px; width: 160px; height: 225px; text-indent: -9999px; background-image: url("/images/spring-2011/charms/sprites.jpg"); background-repeat: no-repeat; }
#charms-splash #charm-types .all-charms .big-image { background-position: 0 0; }
#charms-splash #charm-types .all-charms .big-image:hover,
#charms-splash #charm-types .all-charms .big-image:focus { background-position: 0 -225px; }
#charms-splash #charm-types .necklace-charms .big-image { background-position: -180px 0; }
#charms-splash #charm-types .necklace-charms .big-image:hover,
#charms-splash #charm-types .necklace-charms .big-image:focus { background-position: -180px -225px; }
#charms-splash #charm-types .bracelet-charms .big-image { background-position: -360px 0; }
#charms-splash #charm-types .bracelet-charms .big-image:hover,
#charms-splash #charm-types .bracelet-charms .big-image:focus { background-position: -360px -225px; }
#charms-splash .view-pictured-styles { display: block; position: absolute; left: 560px; top: 10px; width: 320px; height: 460px; text-indent: -9999px; }
/* info pages */
.info-page { font-family: "roman",serif; width: 600px; padding-right: 189px; background:url(/images/drawing.jpg) no-repeat 640px 20px; margin-bottom: 30px; margin-left: 20px; color: #333; }
.info-page h1 { font-family: "Roman Caps",serif; font-size:24px; line-height:48px; margin: 0 0 15px 0; }
.info-page h2 { font-family: "Roman Italic",serif; font-size:18px; line-height:36px; }
.info-page h3 { font-size: 16px; line-height: 32px; margin-left: 15px; border-bottom: 1px solid #ccc; margin-bottom: 8px;}
.info-page p { font-size:14px; line-height:140%; margin-bottom:14px; margin-left:15px; }
.info-page p em { font-family: "roman italic"; }
.info-page dl { margin-left: 15px; }
.info-page dt { font-family: "roman caps"; font-size: 18px; line-height: 20px; margin: 0 0 8px 0; color: #c3a25a; }
.info-page dd { padding-bottom: 8px; border-bottom: 1px solid #ccc; margin-bottom: 8px; font-size: 14px; line-height: 120%; color: #555; }
.info-page address { margin-left:15px; margin-bottom:7px; line-height:140%; font-style: normal; border: 1px solid #ccc; background: #f0f0f0; padding: 10px; }
.info-page ul.bullets { list-style: disc; padding-left: 20px; margin-left: 15px; margin-bottom: 3px; font-size: 13px; line-height: 140%; }
.info-page ul.bullets li { margin: 0 0 8px 0; }
.info-page strong { font-family: "roman bold",serif; }
.info-page p.smallish { font-family:helvetica, arial, verdana, geneva, sans-serif; font-size:11px; line-height:14px; color:#777; }
.info-page p.bigger { font-size: 16px; }
/* MiMi about page */
div#mimi-about { position: relative; width: 650px; }
div#mimi-about h1 { display: inline; float: left; width: 301px; height: 141px; margin: 0 0 20px 20px; }
div#mimi-about h1 a { display: block; width: 301px; height: 141px; background: url("/images/splash/mimi/about_MiMi_03.jpg") no-repeat 20px 10px; text-indent: -9999px; }
div#mimi-about .img-box { display: inline; float: right; width: 309px; margin: 0 0 3px 20px; }
div#mimi-about .cat-photo { display: inline; float: left; width: 120px; padding: 3px; border: 1px solid #ccc; -moz-box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; box-shadow: 1px 1px 2px #999;margin: 3px 14px 7px 20px; }
div#mimi-about p { font-size:13px; line-height:150%; margin-bottom:7px; margin-left: 20px; text-align: justify; }
div#mimi-about span { font-variant: small-caps; }
div#mimi-about img.family-img { display: block; width: 309px; margin: 0 0 10px 0;}
div#mimi-about ol.caption { list-style: decimal; padding: 5px 5px 7px 30px; margin: 6px 0 10px 0; font-size: 11px; line-height: 140%; background: #ededed; border: 1px solid #cccccc; }
div#mimi-about ol.caption li { margin: 4px 0 0 0; font-family: helvetica, arial, geneva, sans-serif; }
div#mimi-about strong { font-weight: bold; }
div#mimi-about h2 { margin: 7px 0 0 20px; font-size: 24px; font-style: italic; line-height: 32px;}
div#mimi-about a { text-decoration: none; color: #7AB7B7; }
div#mimi-about a:hover { position: relative; top: 1px; left: 1px; }
div#mimi-about em { font-style: italic; color: #666;}
.overlay-content { font-family: helvetica, arial, geneva, sans-serif; font-size: 12px; line-height: 130%; color: #444; padding: 0 10px; }
.overlay-content h2 { font-family: "roman caps"; color: #c3a25a; font-size: 20px; line-height: 24px; padding: 15px 0; }
.info-page address { font-family: helvetica, arial, geneva, sans-serif; font-size: 12px; }
.info-page address span { color: #666; }
/* messages and errors */
.userMessageSuccess { clear: both; border: 1px solid #A88341; padding: 15px 10px 15px 60px; width: 870px !important; margin: 0 0 10px 0; background: url("/images/important-message.png") no-repeat 10px center #9E7B3C; font-family: helvetica, arial, geneva, sans-serif; color: #fff; font-size: 13px; }
ul.error { clear: both; border: 1px solid #610000; background: url("/images/error-message.png") no-repeat 10px center #900; padding: 15px 10px 15px 60px; margin: 0 0 10px 0; }
li.error { font-family: helvetica, arial, geneva, sans-serif; color: #fff; font-size: 13px; }
/* new banner*/
#gg-banner-full,
#gg-banner-full-alt { display: none; width: 960px; height: 80px; background: url("/images/banners/gg11.jpg") no-repeat 0 0; position: relative; margin: -11px 0 8px -10px; zoom: 1; z-index: 5000; }
#gg-banner-full-alt { position: relative; height: 72px; margin: 25px 0 20px -10px; border-bottom: 22px solid #fff; -moz-box-shadow: 0 1px 0 0 #ccc; -webkit-box-shadow: 0 1px 0 0 #ccc; box-shadow: 0 1px 0 0 #ccc; }
#gg-banner-full a,
#gg-banner-full-alt a { display: block; position: absolute; top: 4px; background-image: url("/images/banners/gg11.jpg"); background-repeat: no-repeat; background-position: -9999px -9999px; text-indent: -9999px; width: 184px; height: 64px; }
#gg-banner-full a.link1,
#gg-banner-full-alt a.link1 { left: 204px; }
#gg-banner-full a.link1:hover,
#gg-banner-full a.link1:focus,
#gg-banner-full-alt a.link1:hover,
#gg-banner-full-alt a.link1:focus { background-position: -204px -84px; }
#gg-banner-full a.link2,
#gg-banner-full-alt a.link2 { left: 393px; }
#gg-banner-full a.link2:hover,
#gg-banner-full a.link2:focus,
#gg-banner-full-alt a.link2:hover,
#gg-banner-full-alt a.link2:focus { background-position: -393px -84px; }
#gg-banner-full a.link3,
#gg-banner-full-alt a.link3 { left: 582px; }
#gg-banner-full a.link3:hover,
#gg-banner-full a.link3:focus,
#gg-banner-full-alt a.link3:hover,
#gg-banner-full-alt a.link3:focus { background-position: -582px -84px; }
#gg-banner-full a.link4,
#gg-banner-full-alt a.link4 { left: 771px; }
#gg-banner-full a.link4:hover,
#gg-banner-full a.link4:focus,
#gg-banner-full-alt a.link4:hover,
#gg-banner-full-alt a.link4:focus { background-position: -771px -84px; }
.clubber-left { position: absolute; left: 0; bottom: -28px; width: 10px; background: #fff; height: 10px; }
.clubber-right { position: absolute; right: 0; bottom: -28px; width: 10px; background: #fff; height: 10px; }
/* clear fixes and absolute off-screen positioning */
.outtaHere { display:block !important; position:absolute !important; left:-9999px !important; top:-9999px !important; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }
.inline-block { display: inline-block; }
* html .inline-block { display: inline; } /* for IE 6 */
* + html .inline-block { display: inline; } /* for IE 7 */
/* bai now! */