/************************************ GLOBAL RESET ************************************/ /* global 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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-size: 100%; line-height:normal; text-align: left; vertical-align: baseline;} strong {font-weight:bold;} a img, :link img, :visited img {border: 0;} table {border-collapse: collapse; border-spacing: 0;} q:before, q:after, blockquote:before, blockquote:after {content: "";} /* light blue: #e8f7fc medium blue: #1d8dc6 dark blue: #006699 dark red: #993333 light tan: #f6f6df dark tan: #e5e5ad border tan: #cccc99 brown: #996600 */ /************************************ GLOBAL GENERAL ************************************/ html, body {background: url(/files/imagesSJ/global/shim-bkgd.gif) repeat-x; font:12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#333; padding:0px; margin:0 auto; text-align:center;} p {margin: 0px; padding: 0px;} a {color: #069; outline:none;} a:hover {text-decoration:none; color:#09C; outline:none;} br {line-height:0px; height:0px} .indent {padding-right:1em;} .smalltext {font-size:10px; font-weight:normal;} div.cleardiv {clear:both; height:0px;} div.cleardiv2 {clear:both; height:10px;} .errors {background:#f5f5f5; border:1px solid #900; color:#900; padding:5px 10px; font-size:12px; margin:5px 0; font-weight:bold;} .errors ul {} .errors li, .errors p {list-style:none; background:url(/files/imagesSJ/global/error.gif) no-repeat; margin:4px 0; padding-left:20px;} /***************** END USER STYLES ****************/ img.rightalign, .rightalign {float:right; margin: 0 0 0 5px;} img.leftalign, .leftalign {float:left; margin: 0 5px 0 0;} img.noalign {float:none;} img.verticalalign {vertical-align:middle;} .orange {color:#cd611b;} .red {color:#c00;} .brown {color:#6b5033;} .redpunch {color:#933; font-weight:bold;} /***************** END USER STYLES ****************/ /******* General forms box *******/ #container .form-field, #container .form-fieldnumber, #container .form-fieldzip {height:14px; font-size:11px; margin-right:2px; border:1px solid #ccc; padding:3px; color:#333; vertical-align:middle;} * html #container .form-field, * html #container .form-fieldnumber, * html #container .form-fieldzip {\height: 24px; he\ight:14px;} *:first-child+html #container .form-field, *:first-child+html #container .form-fieldnumber, *:first-child+html #container .form-fieldzip {height:14px;} #container .form-fieldnumber {width:16px;} #container .form-fieldzip {width:100px;} #container .form-drop {font-size:11px; border:1px solid #ccc; padding:3px; color:#333; vertical-align:middle;} * html #container .form-drop {\margin-top: 3px;} #outercontainer {width: 970px; margin:0 auto; background:url(/files/imagesSJ/global/shim-container.png) repeat-y;} * html #outercontainer {background:url(/files/imagesSJ/global/shim-container.gif) repeat-y;} #container {width: 932px; margin:0 auto;} * html #container {width: 932px; \margin-left:19px; m\argin-left:auto;} /* IE5-6 */ /******* popup styles *******/ .eV_popUp { border:2px solid #006} .eV_popUp_title {background:#006; padding:5px; font-size:1em; overflow:auto;} .eV_popUp_titleText {color:#fff; width:80%; float:left;} .eV_popUp_close {width:10px; float:right; text-decoration:none; background:#fff; padding:1px 3px; border:#1px solid #000; text-align:center;} .eV_popUp_close a {text-decoration:none; font:1.4em bold Georgia, "Times New Roman", Times, serif;} .eV_popUp_close a:hover {color:#ff9;} .eV_popUp_content {} /************************************ HEADER ************************************/ #logobox {} #toplogo {float:left; margin:5px 10px 5px 10px;} #logo-phone {width:290px; float:left; margin:5px 0 0 0;} #logo-phone h2 {font-size:16px; color:#933; margin-bottom:5px; text-align:center;} #logo-phone h2 strong {color:#960;} #top-testimonial {background:url(/files/imagesSJ/global/quote-left.gif) no-repeat;} #top-testimonial h6 {margin:0 0 0 24px; font-weight:normal;} #top-testimonial h6 span {background: url(/files/imagesSJ/global/quote-right.gif) no-repeat 5px top;} #top-testimonial h6 span p {display:inline; visibility:hidden; letter-spacing:1em;} * html #top-testimonial h6 span p {letter-spacing:1.5em;} *:first-child+html #top-testimonial h6 span p {letter-spacing:1.5em;} #top-testimonial h4 {color:#933; text-align:right; font-size:10px; margin-top:2px;} #top-testimonial img {float:right; margin:0 0 10px 5px;} #perpcart {width: 240px; float:left; margin:8px 0 5px 10px; padding:0 5px 5px 5px; font-size:10px; border:1px solid #cc9; background: #f6f6df} #perpcart h4 {text-align:center; font-size:13px; color: #1d8dc6; margin:5px 0;} #perpcart p {text-align:center; vertical-align:middle; font-size:10px;} #perpcart p img {vertical-align:middle; margin:3px 5px 5px 5px; float:none;} #perpcart p.cartlinks {text-align:center; margin:0 0 3px 0;} #perpcart p.cartlinks a {font-size:11px; margin:0 5px} #secure {float:left; margin:10px 5px 5px 40px;text-align:center;} #secure h6 {font-size:18px; margin:5px 0; color:#933; text-align:center} #secure p { text-align:center} #verisign {float:right; margin:10px 20px;} .security {padding-left:10px;} /* TABS */ #container .horiznav {clear:both; width:932px; position:relative; z-index:100;} * html #container .horiznav .cleardiv {height:0px; line-height:0px;} #container .horiznav ul {list-style:none; font:13px Georgia, "Times New Roman", Times, serif;} /* adjust leftmost tab */ #container .horiznav ul {padding:0 0 0 120px;} /* good browsers */ * html #container .horiznav ul {padding:0 0 0 115px; \width:932px; w\idth:815px;} /* IE5-6 */ *:first-child+html #container .horiznav ul {padding:0 0 0 110px;} /* IE7 */ #container .horiznav ul li {float: left; background: url(/files/imagesSJ/global/tab-right.gif) no-repeat top right; font-weight:bold;} #container .horiznav li a {display:block; float:left; line-height:2em; background:url(/files/imagesSJ/global/tab-left.gif) no-repeat top left; text-decoration: none; color:#333;} #container .horiznav ul li.select-tab {background: url(/files/imagesSJ/global/tab2-right.gif) no-repeat top right; border-bottom:1px solid #e5e5ad; margin-bottom:-1px;} #container .horiznav li.select-tab a {background:url(/files/imagesSJ/global/tab2-left.gif) no-repeat top left; color:#933;} #container .horiznav ul li.alt-tab {background: url(/files/imagesSJ/global/tab-redright.gif) no-repeat top right;} #container .horiznav li.alt-tab a {background:url(/files/imagesSJ/global/tab-redleft.gif) no-repeat top left; color:#fff;} /* adjust tab margin */ #container .horiznav ul li {margin-left:4px;} /* adjust tab padding */ #container .horiznav li a {padding:2px 16px 0 16px;} /* good browsers */ * html #container .horiznav li a {padding:0 14px;} /* IE6 */ #container .horiznav ul a:hover {text-decoration:underline;} #container .horiznav ul li#account-tab {background:none; margin:5px 0 0 20px;} * html #container .horiznav ul li#account-tab {margin:5px 0 0 40px; width:80px} *:first-child+html #container .horiznav ul li#account-tab {margin:5px 0 0 22px;} #container .horiznav ul li#account-tab a {background:none; color:#069; padding:0; font-weight:normal; font:12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-decoration:underline;} #container .horiznav ul li#account-tab a:hover {text-decoration:none;} /* ACTION BAR */ #container .actionout {clear:both; width:932px; padding:5px 0; margin-left:0; border-top:1px solid #cccc99; border-bottom:1px solid #cccc99; background:#e5e5ad;} * html #container .actionout {margin-top:0} #container .actionbar {text-decoration:none; height:25px; background:url(/files/imagesSJ/global/shim-actionbar.gif) repeat-x; font-weight:bold; margin:0 1px;} #container .actionbar ul {margin-left:136px;} #container .actionbar li {float:left; display:block; list-style-type:none; padding-top:1px;} * html #container .actionbar li {\padding:4px 16px 0 16px;} /* IE5-6 */ #container .actionbar a {line-height:24px; color:#fff; font-weight:bold; text-decoration:none;} #container .actionbar a:hover {color:#f6f6df; text-decoration:underline;} /* adjust item padding */ #container .actionbar a {padding:0 15px;} /* good browsers */ * html #container .actionbar a {padding:0; line-height:15px;} /* IE6 */ *:first-child+html #container .actionbar a {padding:0 15px; line-height:22px;} /* IE7 */ /* adjust left margin */ #container .actionbar ul {margin-left:186px;} * html #container .actionbar ul {margin-left:160px;} *:first-child+html #container .actionbar ul {margin-left:175px;} /************************************ LEFT NAV ************************************/ #left {clear:both;float: left; padding: 0px; margin: 0 0 10px 6px; width:140px;} * html #left {margin-left:3px;} #left a {color:#000;} #left a:hover {color:#333;} #left p {padding: .4px .5px; display: block;} #left .form-field {width:90px; height:14px; font-size:11px; margin-right:5px; border:1px solid #ccc; padding:3px; color:#333; vertical-align:middle;} * html #left .form-field {\height: 22px; he\ight:14px;} /* Email and Search Box */ #email, #search {margin:5px 0 0 0; padding-bottom:10px;} #email a, #search a {color:#069;} #email {background: #e8f7fc;} #email h3 {color:#069; font-style:italic; text-transform:uppercase; font-size:14px; text-align:center; margin-top:3px;} #email p, #search p {padding:8px 5px 0 5px; font-size:10px;} #email p img, #search p img {vertical-align:middle;} #search {background:#e5e5ad; padding-bottom:5px; margin-bottom:5px;} #search h1 {background: #069; color:#fff; font-size:14px; padding:5px; margin-bottom:5px; border-bottom:2px solid #fff;} #search p {padding-top:0; margin-bottom:5px;} /* Departments */ #left .sections, #left .sections-highlights {margin:0;} #left .sections h1, #left .sections-highlights h1 {background: #069; color:#fff; font-size:13px; padding:5px; margin-bottom:2px;} #left .sections ul, #left .sections-highlights ul {background:#f6f6df; display:block; line-height:13px; list-style:none; padding-bottom:5px;} * html .sections ul li, #left .sections-highlights ul li {display:inline;} #left .sections-highlights ul {background:#e8f7fc;} #left .sections ul li a, #left .sections-highlights ul li a {display:block; font-size: 11px; padding:3px 5px;} #left .sections-highlights ul li a {font-weight:bold;} #left .sections ul li a:hover, #left .sections-highlights ul li a:hover {color: #666; text-decoration:none;} /* Refer-A-Friend */ #refer {background-color: #e5e5ad; padding-bottom:5px; margin-top:5px;} #refer h1 {background:#933; color:#f6f6df; font-size:13px; padding:5px; margin-bottom:5px; border-bottom:2px solid #fff;} #refer p {font-size:10px; padding:0 5px; margin-bottom:5px;} #refer a {color:#069;} #refer p img {vertical-align:middle;} #leftplugs {width:140px;} #leftplugs img {margin-bottom: 5px;} /************************************ RIGHT NAV ************************************/ #date {margin:5px 0; width:140px; padding: 8px 0 0 0; color: #333; height:22px; font-weight:bold; text-align:center; font-size:11px; background:#e8f7fc; font-size:11px;} * html #date {\padding: 8px 0; paddi\ng:8px 0 0 0;} #right {float: left; width:145px; padding:0px; } #right img {margin-bottom:5px;} #right p {margin:5px 0; text-align:center;} #right #bestsellers {border:1px solid #960; margin-bottom:5px; font-size:11px;} #right #bestsellers img {padding-bottom:0;} #right #bestsellers ol {margin:5px 0 5px 28px; padding:0 3px;} * html #right #bestsellers ol {margin-left:28px; padding:0 5px;} #right #bestsellers ol li {margin-top: 0; padding:0 0 3px 0;} /* Right Cart */ #right .rightcart {margin-bottom:8px; text-align:center; font-size:10px; padding-bottom:2px; width:138px; background: #f6f6df; border:1px solid #cc9;} #right .rightcart h1 {font-size:14px; text-align:center; color:#1d8dc6; margin:2px 0 5px 0;} #right .rightcart p {text-align:left;} #right .rightcart img {margin:5px; float:none;} #right .rightcart table {width:134px; margin:2px;} #right .rightcart td {text-align:left; padding:1px 3px; vertical-align:middle;} #right .rightcart td img {margin:2px;} #right .rightcart th {text-align:right; padding:1px 3px; font-weight:normal;} /************************************ MAIN PAGES ************************************/ /* light blue: #e8f7fc medium blue: #1d8dc6 dark blue: #006699 dark red: #993333 light tan: #f6f6df dark tan: #e5e5ad border tan: #cccc99 brown: #996600 */ /* CENTER CONTENT */ #content {width:620px; float:left; margin:5px 10px 15px 10px;} * html #content {\width: 570px; w\idth:580px;} #content .centerbanner {text-align:center; margin:5px 0; height:133px;} #breadcrumbs {margin:5px 0; font-size:11px; font-weight:bold} #breadcrumbs a {font-weight:normal;} /* PS bar */ #psbar {clear:both; background: #e8f7fc; width:620px; color:#333; height:30px; font-weight:bold;} #psbar ul {padding:3px; width:600px; } #psbar li {display:block; float:left; list-style-type:none; margin-left:10px; vertical-align:middle;} #psbar .ps-spacer {padding-left:15px; margin-top:5px; vertical-align:middle;} * html #psbar .ps-spacer {padding-left:15px;} #psbar .form-drop {font-size:12px; margin-bottom:3px;} /* CATEGORY PAGE */ #category-top, #category-top2 {background:url(/files/imagesSJ/global/shim-categorytop.gif) repeat-x; width:620px} #category-top p, #category-top2 p {padding: 0; margin:5px 10px 10px 10px;} #category-top h1, #category-top2 h1 {font: 26px Georgia, "Times New Roman", Times, serif; text-align:center; font-weight:bold; margin:5px 10px 0 10px; padding-top:5px;} #category-top h2, #category-top2 h2 {font-size:16px; font-weight:normal; color:#933; text-align:center; margin:3px 10px 0 10px;} #category-top ul, #category-top2 ul {width:190px; float:left; list-style-type:none; margin:10px 0 0 15px;} * html #category-top ul, * html #category-top2 ul {width:190px; margin-left:10px; } #category-top li, #category-top2 li {font-weight:bold; background: url(/files/imagesSJ/global/arrow-red.gif) no-repeat left 3px; padding-left:12px; margin-bottom:4px;} * html #category-top li, * html #category-top2 li {\padding-left:0px; paddi\ng-left:12px;} #category-top .narrow-search {margin:0 0 5px 0; padding:5px 0;} #category-top .narrow-search h6 {margin:0 5px; font-size:16px; text-align:center} #category-top .clearance-subnav {margin:0 0 5px 0; padding:5px 0;} #category-top .clearance-subnav ul {float:none; width:auto; list-style-type:none; margin:5px 0 0 20px;} #category-top .clearance-subnav li {font-weight:bold; display:block; width:260px; float:left; background: url(/files/imagesSJ/global/arrow-red.gif) no-repeat left 3px; padding-left:15px; margin:0 0 4px 15px;} * html #category-top .clearance-subnav li {width:270px; margin:0 0 4px 5px;} #category-top .clearance-subnav h6 {margin:0 5px; font-size:16px; text-align:center} #category-top p.aligncenter {text-align:center; font-size:13px;} #category-top p.bigpunch {text-align:center; font-size:14px; font-weight:bold; color:#933;} #category-top h1 .bargain-punch {font-size:32px; color:#933;} .prodline {clear:both; margin:5px 0 0 2px; overflow:auto; border:1px solid #cc9; background: #f6f6df} * html .prodline {\width: 600px; margin:0 0px 0 10px;} .prodline table {width:100%; font-size:11px; height:30px;} .prodline td {padding:5px 10px; width:50%;} .prodline label {display:block; float:left; margin:4px 10px 0 4px;} .prodline select {float:left;} .prodline th {padding:5px 10px; vertical-align:middle; text-align:right; font-weight:bold; word-spacing:.3em} .prodline th a {font-weight:normal;} /* Product thumbnail diplay */ #cat {clear:both; width:620px} #cat .catItem, #cat .catItem2 {display:block; float:left; width:200px; margin:16px 0 0 0;} #cat .catItem2 {margin:16px 10px 0 10px;} * html #cat .catItem2 {margin:16px 10px 0 10px;} #cat h1 {text-align:center; padding:5px; font-size:14px; text-transform:uppercase; background:url(/files/imagesSJ/global/shim-cathead.gif) repeat-x; border-top:1px solid #069; border-bottom:1px solid #069;} #cat h1 a {text-decoration:underline;} #cat h2 {text-align:center; padding:5px; font-weight:bold;} #cat h4 {padding: 0 5px 5px 5px; text-align:center;} #cat p {margin:0 10px; font-size:11px;} #cat img {margin:5px 0;} #cat p.catprice {text-align:center; color:#933; font-size:12px; font-weight:bold; margin:5px; } #cat p.catprice2 {text-align:center; font-size:12px; font-weight:bold; margin:5px 0 0 0; } #cat p.yousave {text-align:center; color:#933; font-size:14px; font-weight:bold; margin:0 0 5px 0; } #cat p.buttons {text-align:center;} #cat .buttons img {margin:2px 4px 4px 4px;} /* Cross-sell/clearance thumbnail diplay */ #cat-cs {clear:both; width:620px; margin-top:10px;} #cat-cs .catItem, #cat-cs .catItem2 {display:block; float:left; width:200px; margin:0 0 15px 0;} #cat-cs .catItem2 {margin:0 10px 15px 10px;} * html #cat-cs .catItem2 {margin:0 10px 15px 10px;} #cat-cs h1 {text-align:center; padding:5px; font-size:14px; text-transform:uppercase; background:url(/files/imagesSJ/global/shim-cathead.gif) repeat-x; border-top:1px solid #069; border-bottom:1px solid #069;} #cat-cs h1 a {text-decoration:none;} #cat-cs h2 {text-align:center; padding:5px; font-weight:bold;} #cat-cs h3 {clear:left; padding:5px; margin-bottom:5px; text-align:center; font-size:24px; background:url(/files/imagesSJ/global/shim-redhead.gif) repeat-x; font-weight:bold;} #cat-cs h3 a {color:#f6f6df;} #cat-cs h4 {padding: 0 5px 5px 5px; text-align:center;} #cat-cs p {margin:0 10px; font-size:11px;} #cat-cs img {margin:5px 0;} #cat-cs p.catprice {text-align:center; color:#933; font-size:12px; font-weight:bold; margin:5px; } #cat-cs p.catprice2 {text-align:center; font-size:12px; font-weight:bold; margin:5px 0 0 0; } #cat-cs p.yousave {text-align:center; color:#933; font-size:14px; font-weight:bold; margin:0 0 5px 0; } #cat-cs p.buttons {text-align:center;} #cat-cs .buttons img {margin:2px 4px 4px 4px;} #cat-cs .cross-head {font-size:18px; padding:5px 10px; background:url(/files/imagesSJ/global/shim-brownhead.gif) repeat-x; text-align:left; color:#fff; font-weight:bold;} /* PRODUCT DISPLAY */ #product-top {margin:5px 0 0 0; width:620px;} #product-top h1 {font: 26px Georgia, "Times New Roman", Times, serif; font-weight:bold; margin:3px 0 10px 0; color:#333;} #product-top h2 {font-size:20px; font-weight:bold; color:#933; padding:10px 0 15px 0;} #product-top h3 {font-size:20px; font-weight:normal; color:#933; padding:10px 0 0 0;} #productphotos {width:300px; clear:both; float:left; padding-bottom:8px;} #productphotos p {text-align:center; margin-top:5px;} #productphotos h3 {clear:left; padding:5px 0 0 0; font-size:14px;} #productinfo .message {margin:0 0 5px 0; border:1px solid #cc9; background: #f6f6df;} * html #productinfo .message {width:304px;} #productinfo .message p {text-align:left; margin:6px;} #productinfo .message h3 {font-size:14px; color: #960; font-weight:bold; margin:5px 6px; padding:0;} #customize-info {margin-top:5px;} #customize-info h3 {background:url(/files/imagesSJ/global/shim-redhead.gif) repeat-x; color:#fff; font-weight:bold; text-align:center; padding:5px; font-size:14px;} #customize-info h4 {font-weight:bold; font-size:14px;} #customize-info span {font-size:20px; color:#933; font-weight:bold;} #customize-info .big-numbers {font-size:14px; font-weight:bold; font-style:italic;} #customize-info .big-numbers span {font-size:14px; font-weight:bold; font-style:italic; color:#060} #customize-info p {text-align:left; margin:5px;} #productinfo {width:310px; float:left; margin:0 0 5px 10px;} * html #productinfo {margin-left:10px; \width:310px; w\idth:310px;} #productinfo h1 {font:18px "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:bold; margin:0 0 5px 0;} #productinfo h4 {font-weight:bold; font-size:12px; font-style:italic; text-align:center; margin:10px 0 5px 0; text-align:center;} #productinfo h6 {margin-bottom:5px; font-size:14px; font-style: italic; color:#008fc3;} #productinfo h6 img {float:left; margin:6px 5px 2px 0;} #productinfo p {padding:0 0 5px 0;} #productinfo p.catprice {color:#933; font-size:18px; font-weight:bold;} #productinfo .form-field {width:40px;} #product-top .product-custom {clear:both;} #product-top .product-custom h2 {margin:0; padding:5px; font-size:12px; background:#f2f2f2; border:1px solid #ccc; color:#333;} #product-top .product-custom h2 strong {color:#933; font-style:italic; text-transform:uppercase} #product-top .product-custom p {margin-left:5px;} .product-custom .pricing-table {width:300px; float:left; margin:5px 0 0 5px; border-left:1px solid #069; border-top:1px solid #069; font-size:11px;} .product-custom .pricing-table th {padding:5px; border-right:1px solid #069; border-bottom:1px solid #069; font-weight:normal; background:#e8f7fc} .product-custom .pricing-table td {padding:5px; border-right:1px solid #069; border-bottom:1px solid #069} .product-custom .pricing-table th strong, .product-custom .pricing-table td strong {color:#933; font-style:italic; margin-left:5px; font-size:12px;} .product-custom .pricing-table th em, .product-custom .pricing-table td em {font-style:normal; text-decoration:line-through;} .product-custom .b-w {background:#f2f2f2;} .product-custom .price-head td {background:#069; color:#fff; font-weight:bold;} .product-custom .price-head th {background:#933; color:#fff; font-weight:bold;} .product-custom .print-head td, .product-custom .print-head th {font-weight:bold;} .product-custom .product-options {width:100%; margin-top:5px; font-size:11px;} .product-custom .product-options {width:300px; float:left; margin-left:8px;} .product-custom .product-options th {padding:5px; text-align:right;} .product-custom .product-options td {padding:5px;} .product-custom .product-options select {margin-right:5px;} .product-custom .product-options img {margin-left:40px;} .product-custom .product-options img.new-personalizebutton {margin:0 0 5px 0;} .personalize-row td, .personalize-row th {} .personalize-row th {border-right:none; font-weight: bold; color:#900;} .personalize-row td {border-left:none; } /* PERSONALIZATION */ /* Progress Bar */ #progress-bar {border:1px solid #cc9; background:#f6f6df; padding:5px 5px 2px 5px; height:39px; width:754px; margin-bottom:10px;} * html #progress-bar {height:42px;} #progress-bar ul {list-style-type:none; border:1px solid #cc9; background:#fff; height:34px;} #progress-bar ul li {display: block; float:left; font-weight:bold; color:#933;} #progress-bar ul li a {color:#ccc; text-decoration:none} #progress-bar ul li a:hover {text-decoration:underline;} #progress-bar #pb2-pre, #progress-bar #pb3-pre, #progress-bar #pb4-pre {color:#ccc; padding:10px 45px 9px 42px;} * html #progress-bar #pb2-pre, * html #progress-bar #pb3-pre, * html #progress-bar #pb4-pre {padding-bottom:11px;} #progress-bar #pb2-pre {background:url(/files/imagesSJ/global/pb1-pre.gif) no-repeat 16px 9px;} #progress-bar #pb3-pre {background:url(/files/imagesSJ/global/pb2-pre.gif) no-repeat 16px 9px;} #progress-bar #pb4-pre {background:url(/files/imagesSJ/global/pb3-pre.gif) no-repeat 16px 9px; padding-right:10px} #progress-bar #pb2, #progress-bar #pb3, #progress-bar #pb4 {padding:10px 45px 9px 42px;} * html #progress-bar #pb2, * html #progress-bar #pb3, * html #progress-bar #pb4 {padding-bottom:11px;} #progress-bar #pb2 {background:url(/files/imagesSJ/global/pb1.gif) no-repeat 16px 9px;} #progress-bar #pb3 {background:url(/files/imagesSJ/global/pb2.gif) no-repeat 16px 9px;} #progress-bar #pb4 {background:url(/files/imagesSJ/global/pb3.gif) no-repeat 16px 9px; padding-right:10px} #progress-bar #pb1-over, #progress-bar #pb2-over, #progress-bar #pb3-over, #progress-bar #pb4-over {color:#ccc; padding:10px 45px 9px 42px;} #progress-bar #pb1-over {background:#008fc3 url(/files/imagesSJ/global/pb-cart.gif) no-repeat 5px top; padding:10px 25px 9px 45px; text-transform:uppercase; color:#fff;} * html #progress-bar #pb1-over, * html #progress-bar #pb2-over, * html #progress-bar #pb3-over {padding-bottom:11px;} #progress-bar #pb2-over {background:#008fc3 url(/files/imagesSJ/global/pb1-over.gif) no-repeat 16px 9px;} #progress-bar #pb3-over {background:#008fc3 url(/files/imagesSJ/global/pb2-over.gif) no-repeat 16px 9px;} #progress-bar #pb4-over {background:#008fc3 url(/files/imagesSJ/global/pb3-over.gif) no-repeat 16px 9px; padding-right:10px} /* Personalization top */ #pp-top {font-size:11px; margin-bottom:5px;} #pp-top h2 {font-weight:bold; font-size:24px; margin-bottom:5px;} #pp-top h3 {font-weight:bold; font-size:14px; margin-bottom:2px; color:#069;} #pp-top h4 {font-weight:bold; font-size:12px; margin-bottom:2px; color:#069} #pp-top #required {padding-top:5px; font-weight:bold; font-style:italic;} /* Personalization page 1 - Welcome */ .pp1 {width:620px;} .pp1 #pp-top h2 {font-weight:bold; font-size:24px; text-align:center; margin:10px 0 5px 0;} .pp1 #pp-top p {text-align:center;} .pp1 .login-box-personalize {background:#f6f6df; width:480px; border:1px solid #cc9; margin:10px 0 0 70px; padding:10px 0; overflow:auto;} .pp1 .login-box-personalize form {float:left; width:220px; margin-left:20px; vertical-align:middle;} * html .pp1 .login-box-personalize form {margin-left:10px;} .pp1 img {float:left; margin-top:10px;} .pp1 label {display: block; margin-bottom:5px; font-weight:bold;} .pp1 input {width:200px; margin:0 0 4px 0} /* Personalization page 2 - Layout */ #content-wide {width:766px; float:left; margin:5px 0px 15px 5px;} * html #content-wide {\width: 756px; w\idth:766px; margin:5px 0px 15px 5px;} #content-wide2 {width:766px; float:left; margin:0px 10px 15px 5px;} * html #content-wide2 {\width: 756px; w\idth:766px; margin:5px 0px 15px 5px;} fieldset.pp2 {width:765px; } .pp2 #pp-top {font-size:11px; margin-bottom:10px;} .pp2 .layout-box {float:left; width:364px; margin:0 5px 10px 10px;} * html .pp2 .layout-box {margin:0 5px 10px 6px; width:364px;} .pp2 .layout-box2 {background:#f6f6df; border:1px solid #cc9; width:362px; margin-top:4px;} .pp2 .layout-box p {margin:8px 10px;} .pp2 .layout-box h3 {background:#069; font-size:18px; color:#fff; margin:0 0 5px 0; padding:8px 15px; line-height:normal;} .pp2 .layout-box #radio {width:inherit; vertical-align:middle; margin:4px;} #layout-button {text-align:center;} #custom-help {clear:both; border:1px solid #666; background:#f2f2f2; margin-top:10px;} #custom-help img {float:right;} #custom-help h2 {font-size:24px; color:#060; padding:5px 10px 0 10px;} #custom-help h2 span {color:#933} #custom-help p {padding:0 10px 5px 10px;} /* light blue: #e8f7fc medium blue: #1d8dc6 dark blue: #006699 dark red: #993333 light tan: #f6f6df dark tan: #e5e5ad border tan: #cccc99 brown: #996600 */ /* GENERAL PAGE DISPLAY */ #general-top {width:620px} #general-top h1 {font: 26px Georgia, "Times New Roman", Times, serif; text-align:center; font-weight:bold; margin:5px 10px 0 10px; padding-top:5px;} #general-top h2 {font-size:16px; font-weight:normal; color:#933; text-align:center; margin:3px 10px 0 10px;} #general-top h2 strong {font-size:24px;} #general-top h4 {font-size:14px; margin:10px 10px 0 10px;} #general-top h4.badsearch {clear:left; padding:5px; margin-bottom:5px; text-align:left; font-size:16px; background:url(/files/imagesSJ/global/shim-redhead.gif) repeat-x; font-weight:bold; color:#fff;} #general-top h5 {font-size:18px; margin:10px 10px 0 10px; color:#933;} #general-top h5 strong {font-size:22px;} #general-top h6 {font-size:24px; margin:0 10px 0 10px; padding:0; color:#069;} #general-top p {padding: 0; margin:10px 10px 0 10px;} #general-top p.signature {clear:left; padding: 0; margin: 0 10px;} #general-top ul {margin:5px 0 5px 20px;} #general-top li {background:url(/files/imagesSJ/global/bullet-brown.gif) no-repeat left 6px; list-style-type:none; padding:2px 12px; font-weight:normal;} #general-top li a {font-weight:bold;} #general-top ul.coupon-list {padding-bottom:10px;} #general-top ul.coupon-list li {font-weight:bold;} #category-top .sitemap {margin:0 10px;} #category-top .sitemap ul {width:250px; float:left; margin:5px 20px 20px;} * html #category-top .sitemap ul {width:200px; float:left; padding:0; margin:5px 10px 20px;} #category-top .sitemap ul li {background:none; font-size:18px; font-weight:bold;} #category-top .sitemap ul li ul li {background:url(/files/imagesSJ/global/bullet-brown.gif) no-repeat left 6px; vertical-align:middle; padding:2px 12px; font-size:12px; font-weight:normal; margin-top:0;} #forms {clear:both; margin:0 15px 10px 15px; font-size:12px; border:1px solid #cc9;} * html #forms {\width: 580px; w\idth:590px;} *:first-child+html #forms {width:590px;} #forms h3 {padding:8px 10px; margin:0; font-size:12px; color:#fff; font-weight:normal; background:#069;} #forms h3 strong {font-size:16px; color:#ffc; margin-right:10px;} #forms p {padding:5px 0;} #forms img {margin:0; float:none;} #forms table {margin:0; width:100%; background:#f6f6df;} #forms table td {padding:5px 10px; vertical-align:top; } #forms table th {padding:10px 10px; text-align:right; font-weight:normal; width:40%; vertical-align:top; } #forms input, #forms select {width:200px; height:16px; margin:2px 0; border:1px solid #333; padding:3px; margin:5px 0; color:#333 ;} #forms input.checkbox {width:auto; padding:0; border:none;} #forms p.smalltext-email {font-size:11px; margin:0 0 5px 0; padding:0;} #forms .smalltext-email strong {font-size:14px; font-style:italic; color:#015581} #forms textarea {width:350px; margin:2px 0; border:1px solid #015581; padding:3px; margin:5px 0; color:#333 ;} * html #forms input {\height: 24px; he\ight:16px;} #forms select {height:24px; background: #fff; width:208px} #forms #address-table {width:400px; float:left; border-right:1px solid #cc9;} #forms #address-table th, #forms #account-table th {padding:8px 10px 0 10px;} #forms #address-table td, #forms #account-table td {padding:2px 10px;} #forms #address-table td#delete-button {text-align:right;} #forms #address-table img, #forms #account-table img {margin-bottom:5px;} #forms #address-nav {float:left; width:170px; padding:5px 0 0 0; margin-left:10px} #forms #address-nav h3 {font-size:14px; font-weight:bold; margin:0 0 5px 0;} #forms #address-nav h4 {font-size:12px; font-weight:bold; margin-bottom:5px; padding:3px 5px 5px 5px; background:#e8f7fc;} #forms #address-nav p {margin:0 8px 2px 8px;} #orderhistory {border:1px solid #ccc; border-width:1px 1px 0 0; width:600px;} #orderhistory td, #orderhistory th {width:33%; text-align:left; border:1px solid #ccc; border-width:0 0 1px 1px; background:#fff; padding:5px;} #orderhistory th {background:#f5f5f5; font-weight:bold;} #account-manage {margin:20px 0 0 170px; width:250px; padding:10px; border:1px solid #cc9; background:#f6f6df; } #account-manage p {font-weight:bold; font-size:12px; margin-bottom:5px; list-style-type:none; text-align:center;} /********************** GENERAL PAGE DISPLAY **********************/ /* Checkout page 1 - Viewcart */ #contentcart {width:620px; float:left; margin:5px 10px 15px 10px;} * html #content {\width: 570px; w\idth:580px;} #contentcart h1 {font-weight:bold; font-size:24px; padding:0; margin:10px 0 0 0; line-height:normal;} #contentcart fieldset {margin-left:0; width:100%;} #contentcart fieldset table {width:560px;} #contentcart fieldset table td, fieldset table th {padding:5px;} #contentcart #save-cart {float:right; margin:10px 0 0 0; padding:5px; border:1px solid #cc9; background: #f6f6df} #contentcart #save-cart p {font-size:10px; margin:0 0 0 5px; padding:0; text-align:right;} #contentcart .toprow {border-left:1px solid #cc9; border-right:1px solid #cc9;} #contentcart #producttable {width:100%; border-bottom:1px solid #cc9;} #contentcart #producttable p {font-size:11px; margin-bottom:3px;} #contentcart #producttable h1 {font-weight:bold; font-size:12px; line-height:normal;} #contentcart #producttable input {margin-bottom:3px; width:54px; border:1px solid #ccc; padding:3px; color:#333;} #contentcart #producttable th {vertical-align:top; padding:5px;border-top:1px solid #cc9; border-bottom:1px solid #cc9; background: #f6f6df} #contentcart #producttable td {padding:4px; vertical-align:top; border-top:1px solid #ccc;} #contentcart #producttable .free-item td {background:#ffecfc;} #contentcart #producttable .free-item img {border:1px solid #ccc;} #contentcart #producttable .free-item .free {font-weight:bold; color:#900; font-style:italic; font-size:1.4em} #contentcart #total-viewcart {width:100%; margin:3px 0 0 0; border-top:1px solid #cc9;} #contentcart #total-viewcart td {border:none;padding:5px;} #contentcart #total-viewcart th {vertical-align:top; padding:5px;border-top:1px solid #cc9; border-bottom:1px solid #cc9; background: #f6f6df} #contentcart .checkout-buttons {margin:10px 0; clear:both;} #contentcart .continue-proceed {margin-left:206px;} /* Checkout page 2 - Welcome/Register */ #ck-top {margin-bottom:5px;} #ck-top h2 {font-weight:bold; font-size:24px; margin-bottom:5px;} #ck-top h3 {font-weight:bold; font-size:14px; margin-bottom:2px; color:#069;} .ck-2 label {display: block; margin:10px 0 0 0; font-weight:bold;} .ck-2 input {width:200px; margin:0} .ck-2 .login-box, .ck-2 .login-box-cart, .ck-2 .login-box-account {background:#f6f6df; float:left; border:1px solid #cc9; width:600px; margin:0 5px 10px 5px; padding-bottom:10px;} .ck-2 .login-box-cart, .ck-2 .login-box-account {width:295px;} * html .ck-2 .login-box, * html .ck-2 .login-box-cart, * html .ck-2 .login-box-account {margin:3px;} .ck-2 .login-box p, .ck-2 .login-box-cart p, .ck-2 .login-box-account p {margin:5px 10px;} .ck-2 .login-box p img, .ck-2 .login-box-cart p img, .ck-2 .login-box-account p img {margin-top:10px;} .ck-2 .login-box h3, .ck-2 .login-box-cart h3, .ck-2 .login-box-account h3 {background:#069; font-size:18px; border-bottom:1px solid #cc9; color:#fff; margin:0 0 5px 0; padding:5px 10px; line-height:normal;} .ck-2 .login-box h3 em, .ck-2 .login-box-cart h3 em, .ck-2 .login-box-account h3 em {color:#ccc;} .ck-2 .welcome-inner {height:180px;} .ck-2 .continue-shopping {margin-left:11px;} .ck-2 .bottom-buttons {clear:both;width:555px; margin:10px 0px 10px 5px;} .ck-2 .bottom-buttons img {float:left;} #guest {float:left; margin:10px 0 0 210px;} * html #guest {margin-left: 160px;} #required {font-style:italic; font-size:11px} /* GLOBAL BOX */ /* Keyword Rich Footer Box */ #seobox {clear:both; margin:10px 0 5px 0; padding:5px 5px 5px 0; background:url(/files/imagesSJ/global/shim-categorytop.gif) repeat-x; overflow:auto;} * html #seobox {background:none; padding:5px 0;} #seobox h3 {text-align:center; font-size:18px; margin-top:3px;} #seobox ul, #seobox ul {width:190px; float:left; list-style-type:none; margin:10px 0 0 15px;} * html #seobox ul, * html #seobox ul ul {width:185px; margin-left:5px; overflow:auto;} #seobox li, #seobox li {font-weight:bold; background: url(/files/imagesSJ/global/arrow-red.gif) no-repeat left 3px; padding-left:12px; margin-bottom:4px;} * html #seobox li, * html #seobox li {\padding-left:0px; paddi\ng-left:12px;} /* Footer */ #footer {clear:both; margin:10px 0 5px 0; font-size: 11px;} #footer a {margin:0 5px;} #footer p {text-align:center;} #footer p.footerinfo {margin-bottom:20px;} #footer img {margin-top:10px;} #footer .footerphone {font-size:16px; color:#933;}