/* UNIVERSAL --------------------------------------------------------------------------------------- */ body { margin:0; padding:0; font-family: 'helvetica, verdana, arial, sans-serif', Arial; font-size: .9em; } a { color:#871A2F; } a:link, a:visited, a:active { color: #333333; } a:hover { color: #0066CC; text-decoration: none; } .push { clear:both; } .hide { display: none; } .overflow { width: 100%; overflow: hidden; } p.btn { margin: 24px 0 0 0; } .clear-block:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clear-block { display:inline-block; }/* Hides from IE-mac \*/ .clear-block{height:1%;} .clear-block{display:block;} .bluebase{color:#182339;} .dkblue{color:#081225;} .ltblue{color:#6A7B9C;} .dkbluegr{color:#181E2B;} .ltbluegr{color:#586F9C;} .blue{color:#586F9C;} h3 {color:#000; float:left; font-size:1em; padding: 0 10px; margin:0;} img { border:0px } /* LAYOUT --------------------------------------------------------------------------------------- */ .center-all { width: 1000px; margin: 0px auto; } #top { background: #000 url('/images/blue-texture.jpg') bottom center repeat-x; padding-bottom: 20px;/* overflow: auto;*/ } #bottom { background: #fff url('/images/bodyback.jpg') repeat-x top center; padding-top: 0px; margin-top: 1px; } #bottombackground { background: url('/images/back.png') no-repeat top center; padding-top: 5px; margin-top: 1px; width:auto } #main-outer { background:url('/images/content-top.png') no-repeat center top; padding-top:25px; width:auto } #main { background:url('/images/content-bottom.png') no-repeat center bottom; padding-bottom:25px; width:auto } #main-inner { background:url('/images/content-slice.png') repeat-y center center; padding-bottom:25px; width:auto; min-height:600px } #custombanner { display:block; float:right; position:relative; -moz-box-shadow:0px 0px 10px #333; -webkit-box-shadow:0px 0px 10px #333; box-shadow:0px 0px 10px #333; width:250px;} #content-left { float:left; width: 805px; margin: 10px auto; padding: 0 10px 0 5px;} /*content area*/ #content-right { float:right; width:175px; margin: 10px auto; text-align:center; padding-left:5px;} /*right menu*/ #footerborder { padding-top:134px; width:auto; background: url('/images/cityfooter.png') repeat-x center; } #footer { background: #000; font-size: .8em; clear: both; min-height:130px } .margin { margin: 0px} /* HEADER --------------------------------------------------------------------------------------- */ #social { font-family:Georgia,serif; font-weight: bold; float: right; text-decoration:none; color:#fff; padding: 5px 0 0 0;} #social a { color:#fff; text-decoration:none } #social img { vertical-align:middle; padding-right:2px; } #logo { padding: 5px 0; padding-right: 36px; float:left} .st_sharethis_custom{ background: url("/images/share16.gif") no-repeat scroll left top transparent; padding:0px 0 0 19px; display:block; } /* NAV BAR --------------------------------------------------------------------------------------- */ #nav { float: left; margin: 0; padding: 0; list-style: none; height:100%; } #nav li { float: left; } #nav li a { display: block; padding: 8px 15px; text-decoration: none; font-weight: bold; font-size: .95em; color: #069; } #nav li a:hover { color: #c00; background-color: #fff; } #search { float: right; border-left: 1px solid #222; } #search_bt { cursor: pointer; background: #333 url('/images/next_arrow.png') center no-repeat; float: left; color: #fff; text-transform: uppercase; border: none; font-size: 1em; font-weight: bold; text-shadow: #000 0px 0px 5px; height:33px; width:33px; } #search_bt:hover { text-shadow: #fff 0px 0px 10px; color: #000; } #search_query { height: 33px; float: left; background: #444; border: none; line-height: 1em; *line-height: 1.6em; padding: 0px 10px; margin: 0px; font-size: 1.5em; color: #333; width: 185px;} #nav_bar { background: url('/images/shadow.png'); height: 33px; clear: both; border-top: 1px solid #444; border-bottom: 1px solid #444;} #nav_bar { margin-bottom: 0px; } #nav_bar ul#right_nav { float: right; } #nav_bar ul#nav { float: left; border-right: 1px solid #444; } #nav_bar ul#nav li, #nav_bar ul#right_nav li { float: left; border-left: 1px solid #444; border-right: 1px solid #222; border-bottom: 1px solid #222; } #nav_bar ul#nav li:hover { border-left: 1px solid #555; } #nav_bar ul#nav li a, #nav_bar ul#right_nav li a { text-decoration: none; text-transform: uppercase; font-weight: bold; color: #fff; display: block; padding: 8px 15px; text-shadow: #000 0px 0px 5px; } #nav_bar ul#nav li a:hover, #nav_bar ul#right_nav li a:hover { color: #fff; background: #444; } /* NAV BAR (DROPDOWN) --------------------------------------------------------------------------------------- */ #menucontainer a{text-decoration: underline; color: white;} #menucontainer a:hover{text-decoration: none; color: white;} #menucontainer{width: auto; margin: 0px auto; float:left; background: url('/images/shadow.png'); position:relative;} #dropnav{height: 40px;} #dropnavlist{margin: 0; padding: 0;} #dropnavlist li{display: inline; list-style: none; margin: 0; padding: 0; font-weight: bold; font-size: 1.1em; text-transform: uppercase; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif} #dropnavlist li a{float: left; display: block; background: url('/images/menu_arrow_blue.png') no-repeat 87% center; color: #fff; width: auto; padding: 18px 30px; text-decoration: none;} #dropnavlist li a:hover, #dropnavlist li a.active {background: #6A7B9C url('/images/menu_arrow_black.png') no-repeat 87% center;} .columnnav{width: auto; float: left; margin:15px; max-width:175px;} #menucontainer .columnnav_title {color:#ccc; font-weight:bold; font-size:1em; text-transform:uppercase; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif} #menucontainer .columnnav_item {margin-bottom:2px;background: url('/images/arrow-miniblue.gif') left top no-repeat;padding-left:12px;background-position:0px 6px;font-size:.9em;} #menucontainer .columnnav_item:hover { background-position:5px 6px; } #menucontainer .columnnav_item a {text-decoration:none} #menucontainer .columnnav_item a:hover {color:#ccc; text-decoration:underline;} #menucontainer .columnnav_footer {font-size:.85em; float: left; clear:both; background:#6A7B9C; color:#fff; width:100%;} div.dropdown {position: absolute; top: 55px; right:0; min-width: 500px; height: auto; color: #fff; background: #111; display: none; z-index: 100; -moz-box-shadow: 0 8px 10px rgba(0,0,0,0.75); -webkit-box-shadow: 0 8px 10px rgba(0,0,0,0.75); border-top: 3px solid #6A7B9C; } /* FRONTPAGE Elements --------------------------------------------------------------------------------------- */ #prod { margin:3.25px; float:left; position:relative; } #prod img { height:170px; width:170px; background:#F0F0F0; padding:8px; border:1px solid #999; } #prod a:hover img { background:#999; } #prod .clear { clear: left } #prod img.overlay { position:absolute; left:-10px; bottom:-15px; background:none; border:0px; margin:0px; height:64px; width:64px; } .section_container {float:left; margin: 0 auto; margin-bottom:8px;} .section_container .link { padding: 0 10px; height:20px; vertical-align:middle} .section_container .link a {color: #000; font-size:.9em;} .section_container .row { clear:both;} .section_container h2 {color:#000; float:left; font-size:1em; padding: 0 10px; margin:0;} .section_title {background:#FFF; margin: 0 8px; height:20px; border-top:#6A7B9C solid 4px;} ul#title_options { list-style:none; float:left; margin:0; padding:0; width:auto } ul#title_options li { display:inline } ul#title_options li a { text-decoration:underline; padding:2px 5px; background:#fff; color:#000; float:left; text-align:center; } ul#title_options li a:hover { text-decoration:none; background:#ccc; color:#000 } /*PAGE Styles --------------------------------------------------------------------------------------- */ .searchpage table { width: 100%;} .searchpage TD.cobhl { background-color:#FFF; } .arrowitem a {text-decoration:none} .arrowitem {margin-bottom:4px;background: url('/images/arrow-miniblue.gif') left top no-repeat;padding-left:15px;background-position:0px 6px;font-size:.9em;} .arrowitem:hover { background-position:5px 6px;} .page_head{font-size:1.5em; padding-left:0;} .cart TABLE.cobtbl{border: #ffffff solid 1px; background-image:url('/images/blue-texture.jpg');} .cart TD.cobhl{background-color: #CCC; color:#000; background-image:;} .cart TD.cobll{background-color: #fff; color : #000; border: #ffffff solid 1px;} .pagetitle {font:"Palatino Linotype", "Book Antiqua", Palatino, serif; color:#CCC; padding: 0 0 7px; margin:0; text-transform:uppercase; font-size:2em} /*SIDEBAR Styles --------------------------------------------------------------------------------------- */ #minilogin, #minicart { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; width:160px; margin: 0px auto;} #minilogin table, #minicart table { width:100%; text-align:left} #minilogin table td, #minicart table td { background: #fff} #minicart a {text-decoration:none} #sharethis { margin: 12px 0} .sidebar_gradient { display:block; background: url('/images/quad-line.png') repeat; height: 7px; width: 160px; } #creditcards { text-align:center; padding-bottom:5px } #sidebar_title, #sidebar_title a {font-style:Fontin,Calibri,'Arial Narrow',sans-serif; font-variant:small-caps; font-weight:bold; font-size:1em; color: #666; width:160px; text-align:left; margin: 0 auto;} #sidebar_text {font-family: Verdana, Geneva, sans-serif; font-size:.75em; line-height:1.2em; width:160px; text-align:left; margin: 1.25em auto;} .greyline {display:block; height:1px; width:160px; margin:14px auto; background-color:#CCC;} /* FOOTER: SITEMAP --------------------------------------------------------------------------------------- */ #siteMap { width: auto; margin: 0px auto; margin-bottom: 0px; font-family: Tahoma, Geneva, sans-serif; text-align:left } #siteMap .column { position: relative; float: left; margin: 0 15px;} .sitemap_title { font-size: .95em; color: #6A7B9C; line-height: 1em; } #siteMap a, .sitemap_title a{ font-weight:bold; color: #6A7B9C; text-decoration:none} #siteMap li { display: block; list-style: none; font-weight:bold; color: #6A7B9C; } #siteMap li a:hover { text-decoration: underline; } #siteMap .sub a { padding-left: 8px; font-size: .9em; font-weight: normal; color: #F0F0F0; background: url('/images/arrow-miniblue.gif') left center no-repeat; list-style: none; } #siteMap .sub a:hover { background-position: 2px 50%; } .copy {clear: both; margin: 0px auto; padding-top:1em; color: #F0F0F0; text-align:center; font-size:.85em} .copy a { color: #6A7B9C; text-decoration:none} .copy a:hover { text-decoration:underline} /* FRONTPAGE SHIRT EFFECT --------------------------------------------------------------------------------------- */ #teecontent { width: 100%; margin: 0px auto; text-align: center; margin-bottom: 0px; } .row { /*Container for each row of shirts*/ width: auto; margin: 0px auto; clear:both; padding: none; } .teebox { overflow: hidden; /*Prevents excess of image from showing*/ position: relative; margin: 8px; width: 145px; /*Width and height define thumbnail size*/ height: 145px; float: left; clear: right; z-index: 0; -moz-box-shadow:0px 0px 10px #333; -webkit-box-shadow:0px 0px 10px #333; box-shadow:0px 0px 10px #333;} .teebox a { /*Area that changes to selected class when hovered over*/ display:block; position: relative; float: left; left: 124px; /*Use to line up the overlay image*/ top: 79px; z-index: 1; } .teebox img { left:-124px; /*Use this to center your image when not hovered*/ top:-79px; position: absolute; border: none; } .selected { overflow: visible; /*Display part of image that not currently visible*/ z-index: 1002; } img.shirt { left:-124px; top:-79px; position: absolute; border: none; } img.ladies { left:-47px; top:-80px; position: absolute; border: none; } img.hoodie { left:-127px; top:-180px; position: absolute; border: none; } img.polo { left:-157px; top:-30px; position: absolute; border: none; } .overlay { height: 146px; width: 146px; border: none; } .caption { color: #2FB5FF; font:14px Arial; position: absolute; left: 0px; bottom: 0px; padding: 10px; background: #222; z-index: 1; } .caption2 { position: absolute; z-index: 0; left: 222px; top: 70px; } .noteebox { position: relative; margin: 7px; width: 145px; height: 145px; float: left; clear: right; display:block; border:1px solid #D6D6D6; line-height:145px; } .noteebox img { max-height:145px; max-width: 145px; border:0px; display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; } /*browse menu*/ dl { width: auto; } dl, dd { margin: 0; } dt { background: #6A7B9C; text-align:left; padding: 5px; margin: 2px; } dt a { color: #FFF; } dd a { color: #000; } ul { list-style: none; padding: 5px; } /* ECOMMERCE TEMPLATE PROPERTIES ----------------------------------------------------------------------------------------*/ A.ectlink:link { color: #333; text-decoration: none; } A.ectlink:visited { color: #333; text-decoration: none; } A.ectlink:active { color: #333; text-decoration: none; } A.ectlink:hover { color: #8D2800; text-decoration: none; } /* SEARCH, CART, CUSTOMER LOGIN, AFFILIATES TABLE PROPERTIES */ TABLE.cobtbl { background-color: #fff; } /*table border*/ TD.cobhl { background-color: #fff; } /*table headings*/ TD.cobll { background-color: #fff; color : #000; } /*table content area*/ img.cartimage { width: 100px; border:1px; font-size:.8em} /* Cart Thumbnail Properties */ /* Product Reviews */ .review { color: #000; font-weight: bold; } .showallreview, .reviewcomments { color: #000; font-weight: normal; } .reviewname { color: #999; font-weight: bold; } hr.review { width: 100%; text-align:left; height: 0; border-width: 1px 0 0 0; border-style: dashed; border-color: #6A7B9C; } /* CATEGORIES LAYOUT */ P.catname { text-align: center; margin-top: 0px; margin-bottom: 4px; vertical-align:top; } P.catdesc { margin-top: 0px; margin-bottom: 4px; vertical-align:top; } IMG.catimage { border:1px; border-thickness: 1px; border-color: #999; border-style: solid; vertical-align:top; } TD.catimage { vertical-align:top; } TD.catname { vertical-align:top; text-align: center; } TD.catnavigation { vertical-align:middle; text-align: left; } /* CROSS SELLING PROPERTIES */ .csprodname { display:block; background:url('/images/quad-line.png') repeat-x; border-top:#D6D6D6 solid 1px; padding-top:10px; font-size:.7em;} .csprodprice { display:block; padding:5px; border:#999 1px solid; background-color:#F0F0F0; text-align:center; width:100px; margin:0 auto; } img.csprodimage { background:#F0F0F0; padding:5px; border:1px solid #D6D6D6; font-size: .7em; } a:hover img.csprodimage { background:#D6D6D6; } .csproduct { text-align:center; margin: 0 auto;} table.csproducts {} td.csproduct { margin: 0 auto; text-align:center; border:#000 dotted thin } .csprodimage { font-size: .8em; } /* PRODUCTS LAYOUT */ td.product { width:auto; margin: 5px; border: 1px dotted #304753; background-color: #FFF;} /* PRODUCTS LAYOUT - UNUSED div.prodid: The properties of the text "Product ID" div.proddiscounts: The properties of the discounts text for the product page td.prodimage: The alignment of the product image on the product page img.prodimage: The properties of the product image div.prodcurrency: The properties of the alternative currencies on the product page */ td.prodimage {vertical-align:top; padding:10px 0;} td.prodimage img.prodimage { background:#F0F0F0; padding:5px; border:1px solid #999; font-size:.75em; } a:hover img.prodimage { background:#D6D6D6; } div.prodname { display:block; background:url('/images/quad-line.png') repeat-x; border-top:#D6D6D6 solid 1px; padding-top:10px; font-size:1em; } div.prodprice { display:block; padding:5px; border:#999 1px solid; background-color:#F0F0F0; text-align:center; width:100px; margin:0 auto; } div.prodoptions SPAN.prodoption { font-size:.75em; margin: 10px 0; } SPAN.multioption { font-size: .9em;} select.prodoption { width:150px; } div.proddescription { font-size:.85em} span.extraimage { color: #304753;} img span.extraimage { height:10px; width:20px; } span.extraimagenum { color: #000; } td.prodnavigation {} P.pagenums SPAN.currpage td.prodfilter {color: #44BA04; font-weight:bold;} input.prodfilter {border: 1px solid #44BA04;} td.prodfilter{ background-color:#F0F0F0; border: 1px dotted #6A7B9C; padding:4px; font-weight:bold; color: #6A7B9C;} #savelistdiv td.cobll { background-color:#000 } #sizing table { width:300px } #sizing tr { font-weight:bold } /* PROD Detail Layout UNUSED div.detailid: The properties of the text "Product ID" div.detaildiscounts: The properties of the discounts text for the product detail page img.prodimage: The properties of the product image div.detaildescription: The properties of the text in the long product description div.detailoptions: The properties of the product options on the product detail page div.detailcurrency: The properties of the alternative currencies on the product detail page */ td.detailimage { vertical-align:top; } td.detailimage img.prodimage { background:#F0F0F0; padding:5px; border:1px solid #D6D6D6; } div.detailname { display:block; background:url('/images/quad-line.png') repeat-x; border-top:#CCC solid 1px; padding-top:10px; font-size:1em; } div.detailprice { display:block; padding:5px; border:#999 1px solid; background-color:#F0F0F0; text-align:center; width:100px; margin:0 auto; margin-top:5px; } /* Minicart & minilogin */ TD.mincart, P.mincart { font-size: .8em; } /* Page Numbers */ P.pagenums { font-size: .8em;} SPAN.currpage { color: #FF0000; font-weight: bold; } /* RECEIPT LAYOUT */ .receiptoption { background-color:#FFEDB7; } .receipthr { height: 0; border-width: 1px 0 0 0; border-style: solid; border-color: #F89961; } .receipthl { background-color:#9FB5FF; } .receiptheading { background-color:#F89961; color: #FFF; font-weight:bold; } .tagcloud a.tag1 { font-size: 100%; } .tagcloud a.tag2 { font-size: 120%; } .tagcloud a.tag3 { font-size: 140%; } .tagcloud a.tag4 { font-size: 160%; } .tagcloud a.tag5 { font-size: 180%; } .tagcloud a.tag6 { font-size: 200%; } .tagcloud a.tag7 { font-size: 220%; } .tagcloud a.tag8 { font-size: 240%; } .tagcloud a.tag9 { font-size: 260%; } .tagcloud a.tag10 { font-size: 280%; } #longdescription {font-family: 'helvetica, verdana, arial, sans-serif', Arial;} td.swatchtitle { text-align:center; text-transform:uppercase; } .largeswatch {background: #ddd; padding: 0px 5px; font-family:Arial, Helvetica, sans-serif; font-weight:600; font-size:14px; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px;} .smallswatch {background: #ddd; padding: 0px 1px; font-family:Arial, Helvetica, sans-serif; font-weight:600; font-size:9px; border-top-left-radius: 1px 1px; border-top-right-radius: 1px 1px; border-bottom-left-radius: 1px 1px; border-bottom-right-radius: 1px 1px;} #swatchrow {clear:both;} #swatchbox { width:28px; height:28px; margin: 1px; border: #333 1px solid; display:block; float: left;} #smallswatchbox { width:10px; height:10px; margin-top:1px; margin-left:1px; border: #666 1px solid; display:block; float: left;} .prodinfo-title {background: #ddd; clear:both; text-align:center; font-weight:bold; font-size:1.2em;} .prodinfo-img {clear:both; margin: 0 auto; font-weight:bold; text-align:center} .prodinfo-box {clear:both; background: #ddd; border: #999 1px solid; padding: 3px; margin: 0 auto; width:85%; font-weight:bold; margin-top:6px; text-align:center} .prodinfo-title {background: #ddd; clear:both; text-align:center; font-weight:bold; font-size:1.2em; text-transform:uppercase;} .shirtstyle {clear:both; margin: 0 auto; width: 75%;} .shirtstyleitem {padding: 5px} #scrow {clear:both; } #sccolhead { font-weight:bold; width:60px; float: left } .scrowhead { font-weight:bold; } #scbox { float: left; display:block; text-align: center; vertical-align:middle; padding: 6px 2px;} .sccola { width: 50px; background: #eee; border-bottom-style:dashed; border-color:#FFF; border-bottom-width:thin} .sccolb { width: 50px; border-bottom-style:dashed; border-color:#eee; border-bottom-width:thin} .blk {background-color:#000; } .wht {background-color:#fff; } .red {background-color:#000; } .bro {background-color:#000; } .lhg {background: url('../images/swatches/lhg.jpg')} .dhg {background: url('../images/swatches/dhg.jpg')} .dph {background: url('../images/swatches/dph.jpg')} .whtred {background: url('../images/swatches/whtred.jpg')} .whtblk {background: url('../images/swatches/whtblk.jpg')} .dhgblk {background: url('../images/swatches/dhgblk.jpg')} .whtbro {background: url('../images/swatches/whtbro.jpg')} .whtnbl {background: url('../images/swatches/whtnbl.jpg')} .lhgnbl {background: url('../images/swatches/lhgnbl.jpg')} .lhgblk {background: url('../images/swatches/lhgblk.jpg')} .dhgred {background: url('../images/swatches/dhgred.jpg')} .hblnbl {background: url('../images/swatches/hblnbl.jpg')} .hgrfgr {background: url('../images/swatches/hgrfgr.jpg')} .hpkred {background: url('../images/swatches/hpkred.jpg')} .whtred2 {background: url('../images/swatches/whtred2.jpg')} .whtblk2 {background: url('../images/swatches/whtblk2.jpg')} .dhgblk2 {background: url('../images/swatches/dhgblk2.jpg')} .whtbro2 {background: url('../images/swatches/whtbro2.jpg')} .whtnbl2 {background: url('../images/swatches/whtnbl2.jpg')} .lhgnbl2 {background: url('../images/swatches/lhgnbl2.jpg')} .lhgblk2 {background: url('../images/swatches/lhgblk2.jpg')} .dhgred2 {background: url('../images/swatches/dhgred2.jpg')} .hblnbl2 {background: url('../images/swatches/hblnbl2.jpg')} .hgrfgr2 {background: url('../images/swatches/hgrfgr2.jpg')} .hpkred2 {background: url('../images/swatches/hpkred2.jpg')} .blk {background-color:#000000; } .wht {background-color:#ffffff; } .red {background-color:#882135; } .nbl {background-color:#232f48; } .bro {background-color:#251715; } .asp {background-color:#717172; } .ogr {background-color:#49512d; } .lbl {background-color:#b3c9e5; } .rbl {background-color:#003074; } .sil {background-color:#d1d3d3; } .mar {background-color:#5b2646; } .org {background-color:#ed7030; } .yel {background-color:#ecbc3c; } .lgr {background-color:#6f9d6c; } .kgr {background-color:#128c67; } .fgr {background-color:#0e7349; } .obl {background-color:#43a9d9; } .sbl {background-color:#103e58; } .ber {background-color:#ca3a80; } .pnk {background-color:#f2c4cf; } .tea {background-color:#0db8a8; } .pbr {background-color:#99857c; } .dte {background-color:#086076; } .pur {background-color:#391263; } .nat {background-color:#f7e6ca; } .vio {background-color:#cb81ce; } .ras {background-color:#7f004a; } .ors {background-color:#f1913c; } .plm {background-color:#473543; } .cur {background-color:#682d62; } .lim {background-color:#ddeb9f; } .dpk {background-color:#d07da3; } .pin {background-color:#e6b9cc; } .arg {background-color:#4c4633; } .car {background-color:#882135; } .pbl {background-color:#c8dcea; } .mgr {background-color:#a2b090; } .sbl {background-color:#9acbdb; } .trq {background-color:#49add6; } .jad {background-color:#209875; } .aqu {background-color:#b2dae7; } /*ladies red*/ .lred {background-color:#ffffff; } /* COLORS 304753 // MAIN: dark blue 6A7B9C // MAIN: Med Blue 9FB5FF - MAIN: light blue F0F0F0 // Shopping cart & Other Background (VERY Light Blue) Greys: ececec - grey almost white F0F0F0 // Light (Prod Border) D6D6D6 // Med (Prod Border:Hover) 999 // Dark (Misc. Borders) FF0000 - red FFEDB7 - creame/tan (receipt) F89961 - salmon (receipt) 44BA04 - green */