body { margin: 0; padding: 0; border: 0; width: 100%; color: #1d1d1d; background-color: #fff; font-size: 14px; font-family: "ProximaNovaLight", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } a:link,a:hover,a:visited,a:active { color: #199de0; text-decoration: none; } h1,h2,h3,h4,h5,h6,dl,dt,dd { margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6 { color: #191919; font-weight: 300; padding-top: 60px; } h1,h2 { padding-bottom: 50px; } h3,h4,h5,h6 { padding-bottom: 26px; } h1 { font-size: 34px; } h2 { font-size: 30px; } h3 { font-size: 23px; } h3.side { padding: 0 0 23px 0; } div.side { padding-bottom: 35px; } h3.paragraph { padding: 23px 0 0 0; } h4 { font-size: 20px; } h5,h6 { font-size: 15px; } tr,td,ul,ol,li,dl,dt,dd,p { font-size: 14px; font-family: "ProximaNovaLight", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } img,table { border: 0; margin: 0; } hr { width: 99%; text-align: center; height: 1px; } b,strong { font-family: "ProximaNovaSemibold", "Helvetica Neue", Helvetica, Arial, sans-serif; } i,em { font-family: "ProximaNovaLightItalic", "Helvetica Neue", Helvetica, Arial, sans-serif; } .hidden { display: none; } div#bar { height: auto; color: #fff; background-color: #1a1a1a; position: fixed; width: 100%; z-index: 5; } div#bar>div>div { float: left; height: 44px; } div#bar #help { float: right; } div#bar ul { margin: 0; padding: 0; } div#bar ul li>div { position: absolute; margin-left: -20px; } div#bar ul li { margin: 0; padding: 4px 20px 4px 20px; list-style-type: none; float: left; border: 1px solid #333; border-width: 0 0 0 1px; height: 36px; line-height: 36px; font-size: 14px; letter-spacing: normal; } div#bar td,div#bar li { font-size: 14px; letter-spacing: normal; } div#bar ul li img { vertical-align: middle; } div#bar ul li:last-child { border-width: 0 1px 0 1px; } div#bar ul li#cart { border-right-width: 0; } div#bar ul li a:link,div#bar ul li a:visited { color: #fff; } div#bar ul li a:hover,div#bar ul li a:active { color: #bbb; } div#help>ul li { position: relative; } div#bar ul li>div { display: none; } div#bar ul li:hover>div { display: block; } div#bar ul li:hover>div#cart-wrapper { display: none; } div#bar ul li div>img { margin: -7px 0 0 12px; } div.help ul li div>img { right: 0; margin-right: 12px; } div#bar ul li ul { display: block; background-color: #fff; padding: 10px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 0 10px 0 #333; -webkit-box-shadow: 0 0 10px 0 #333; box-shadow: 0 0 10px 0 #333; clear: both; } div#help li div { right: 0px; } div#bar ul li:hover ul { display: block; } div#bar ul li ul li { float: none; border-width: 0; height: 24px; min-width: 89px; line-height: 24px; margin: 0; padding: 0 17px; } div#bar ul li ul li:last-child { border-width: 0; } div#bar ul li ul li:hover { background-color: #479ccf; } div#bar ul li ul li a:link,div#bar ul li ul li a:visited,div#bar ul li ul li a:active { color: #555; } div#bar ul li ul li:hover a:link,div#bar ul li ul li:hover a:hover,div#bar ul li ul li:hover a:visited,div#bar ul li ul li:hover a:active,div#bar ul li ul li a:hover { color: #fff; } div#bar #help ul li ul { margin-left: -42px; } div#bar #help ul li div>img { float: right; margin-right: 12px; } div#bar #notes div ul,div#bar #unread-notes div ul,div#bar #notes0 div ul { background-color: #f2f7fa; } div#bar #notes div li,div#bar #unread-notes div li,div#bar #notes0 div li { color: #555; background-color: #fbe5e5; border-top: 1px solid #f6c3c3; height: 39px; line-height: 40px; } div#bar #notes div li#header,div#bar #unread-notes div li#header,div#bar #notes0 div li#header,div#bar #notes div li#all,div#bar #unread-notes div li#all,div#bar #notes0 div li#all { background-color: #f2f7fa; height: 33px; line-height: 42px; } div#bar #notes div li#header,div#bar #unread-notes div li#header,div#bar #notes0 div li#header { border-width: 0; color: #262626; font-size: 15px; line-height: 27px; } div#bar #notes div li#all a:link,div#bar #notes div li#all a:visited,div#bar #notes div li#all a:active,div#bar #unread-notes div li#all a:link,div#bar #unread-notes div li#all a:visited,div#bar #unread-notes div li#all a:active,div#bar #notes0 div li#all a:link,div#bar #notes0 div li#all a:visited,div#bar #notes0 div li#all a:active,div#bar #login div a:link,div#bar #login div a:visited,div#bar #login div a:active { color: #3084ca; } div#bar #notes div li a:hover,div#bar #notes div li:hover a:link,div#bar #notes div li:hover a:visited,div#bar #notes div li:hover a:active,div#bar #unread-notes div li a:hover,div#bar #unread-notes div li:hover a:link,div#bar #unread-notes div li:hover a:visited,div#bar #unread-notes div li:hover a:active { color: #555555; } div#bar #notes div li#all a:hover,div#bar #unread-notes div li#all a:hover,div#bar #notes0 div li#all a:hover,div#bar #login div a:hover { color: #67b2ec; } div#bar #logo { width: 185px; text-align: center; border-width: 0; padding: 4px 0 4px 0; } div#bar #logo img { vertical-align: baseline; } div#bar #name img { margin-right: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } div#bar.sb #name>div img { padding-left: 8px; padding-top: 2px; } div#bar.sb #name>a img { margin-right: 10px; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; width: 32px; height: 32px; } div#bar #notes,div#bar #unread-notes,div#bar #notes0 { padding-right: 5px; } div#bar #notes a span,div#bar #unread-notes a span,div#bar #notes0 a span { color: #fff; background: #777; font-size: 11px; line-height: 27px; margin: 0 0 0 -5px; padding: 0 3px 0 3px; vertical-align: super; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } div#bar #unread-notes a span { color: #fff; background: #d73513; } div#bar #msg,div#bar #msg0 { padding-left: 5px; padding-right: 18px; border-left-width: 0; } div#bar #msg a span,div#bar #msg0 a span { color: #fff; background: #d73513; font-size: 11px; line-height: 27px; margin: 0 0 0 -5px; padding: 0 3px 0 3px; vertical-align: super; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } div#bar #msg0 a span { background: #777; } div#bar #chat { background: transparent url(chat2.png) no-repeat 20px 15px; padding-left: 39px; } div#bar #cart0,div#bar #cart { background: #000; } div#bar #cart0 a>img,div#bar #cart a>img { margin-right: 7px; padding-bottom: 1px; } div#bar #cart0 a:link,div#bar #cart0 a:hover,div#bar #cart0 a:visited,div#bar #cart0 a:active { color: #fff; } div#bar #cart a:link,div#bar #cart a:hover,div#bar #cart a:visited,div#bar #cart a:active { color: #bcf31d; } div#bar #login form { background: #fff; padding: 20px; color: #555; background-color: #f5f5f5; display: block; line-height: normal; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 0 10px 0 #333; -webkit-box-shadow: 0 0 10px 0 #333; box-shadow: 0 0 10px 0 #333; overflow: hidden; height: auto; } div#bar #login input[type="text"],div#bar #login input[type="password"] { width: 217px; height: 29px; margin-bottom: 13px; padding-left: 13px; border: 1px solid #898989; font-size: 12px; -moz-box-shadow: inset 0 1px 1px 0 #dcdcdc; -webkit-box-shadow: inset 0 1px 1px 0 #dcdcdc; box-shadow: inset 0 1px 1px 0 #dcdcdc; } div#bar #login input[type="password"] { margin-bottom: 20px; } div#bar #login form div.forgot-password,div#bar #login input[type="submit"] { float: left; } div#bar #login form div.forgot-password { margin: -3px 0 0 20px; padding: 0; line-height: 20px; } .width1620px-flexible { min-width: 1000px; max-width: 1620px; margin: 0 auto; padding: 0; } div#bar .width1620px-flexible { min-width: 1127px; } table.list { border: 1px solid #cdcdcd; padding: 0; } table.list td { padding: 7px 7px 8px 10px; border-bottom: 1px solid #e6e6e6; } table.list thead { color: #555; background: #fff url(white-bg.gif) repeat-x bottom left; } table.list thead td { font-weight: bold; border-bottom: 1px solid #cdcdcd; } table.list thead td a:link,table.list thead td a:hover,table.list thead td a:visited,table.list thead td a:active { color: #555; } table.list tbody tr { background: #fff; } table.list tbody tr.even { background: #f8fcfd; } table.list tbody tr.last td { border-bottom-width: 0; } table.width100 { width: 100%; } table.redesign-table { border: 1px solid #E4E4E4; border-collapse: collapse; } table.redesign-table td { border-top: 1px solid #E4E4E4; border-collapse: collapse; height: 36px; padding-right: 5px; padding-left: 5px; } table.redesign-table td:first-child { padding-left: 15px; } table.redesign-table td:last-child { padding-right: 15px; } table.redesign-table thead tr td { background-color: #f9f9f9; } table.redesign-table tr:nth-child(2n) td { background-color: #f9fbfd; } a.anchor-under-bar { display: block; position: relative; top: -50px; visibility: hidden; } /* State rules. Describes how modules/layouts look in a particular state. * Active/inactive? Hidden/Expanded? */ /* Theme rules. Similar to state rules. Useful if supporting multiple themes/skins for * a website. */ input.button-grey-drop,input.button-green,input.button_green,li#login input[type="submit"] { color: #000; background-color: #f1f1f1; border: 1px solid #c1c1c1; font-size: 12px; font-weight: bold; min-width: 83px; height: 32px; cursor: pointer; /* margin: 6px 0 10px 10px; padding: 0 0 2px 0; */ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } input.button-green,input.button_green,li#login input[type="submit"] { color: #fff; background-color: #82c400; border: 1px solid #6aa44c; text-shadow: 1px 1px #666; } div#cart-wrapper h3 { padding-top: 0; font-size: 20px; font-weight: bold; color: #555; } div#cart-wrapper input.button-green,div#cart-wrapper input.button_green { float: right; } div#cart-wrapper form { padding: 20px; color: #555; background-color: #f2f7fa; display: block; line-height: normal; min-width: 303px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 0 10px 0 #333; -webkit-box-shadow: 0 0 10px 0 #333; box-shadow: 0 0 10px 0 #333; overflow: hidden; height: auto; clear: both; } div#cart-wrapper table { padding: 0; width: 100%; min-width: 303px; } div#cart-wrapper td { border-bottom: 1px solid #ccc; padding: 4px 16px 9px 0; } div#cart-wrapper td.item_name,div#cart-wrapper tr:last-child td { font-weight: bold; border-bottom-width: 0; padding-top: 14px; padding-right: 0; } div#cart-wrapper td.item_cost,div#cart-wrapper tr:last-child td:last-child { text-align: right; padding-right: 0; } div#cart-wrapper tr:last-child td { padding-bottom: 26px; } div#popup,div#popup-logo { padding: 10px; } div#popup-logo { overflow: hidden; height: auto; padding-top: 54px; } div#popup-logo a { float: left; } div#popup-bar { overflow: hidden; height: auto; color: #bbb; background-color: #1a1a1a; position: fixed; width: 100%; z-index: 100; line-height: 44px; } div#popup-bar>div { float: right; height: 44px; } div#popup-bar a:link,div#popup-bar a:hover,div#popup-bar a:visited,div#popup-bar a:active { padding: 0 15px; color: #bbb; text-decoration: none; } div#popup-bar a:hover { color: #fff; } div#chat-body .box0-no-title { padding: 15px; border-bottom: 1px solid #c6c6c6; } .grey-bg { background: #636466 url(grey-bg.png) repeat top left; } div#bar ~ div#nav { padding-top: 60px; } div#idn-fyi { overflow: hidden; height: auto; } div#idn-fyi div { float: left; } div#lang-support { min-width: 300px; width: 68%; margin: 0 35px 0 0; } div#lang-support table td { border-bottom: 1px solid #fff; background-color: #f6f6f6; color: #666; height: 32px; padding: 0 10px 0 10px; vertical-align: middle; } div#lang-support table td.tld { background-color: #666; color: #fff; border-bottom-width: 0; } div#lang-support table tr:nth-last-child(-n+1) td:nth-last-child(-n+1) { border-bottom-width: 0; } div#unicode-check { width: 25%; } div#unicode-check table td { border-bottom: 1px solid #fff; background-color: #f6f6f6; color: #666; height: 32px; padding: 0 10px 0 10px; vertical-align: middle; } form#bulk-search td { vertical-align: top; border: none; } form#bulk-search textarea { font-family: "ProximaNovaLight", "Helvetica Neue", Helvetica, Arial, sans-serif; height: 260px; width: 350px; } form#bulk-search textarea#account { height: 383px; width: 255px; } .signin-textbox { position: relative; } .placeholder { position: absolute; top: 9px; left: 14px; pointer-events: none; font-size: 12px; display: block; cursor: text; } input:focus+.placeholder { opacity: .35; -ms-filter: "alpha(opacity=35)"; filter: alpha(opacity = 35) } div.alert-bar { width: 100%; position: fixed; top: 44px; z-index: 2; } div.alert-bar-inner { background: url(exclamation.png) no-repeat 36px 10px; max-width: 1620px; min-width: 1000px; height: 40px; line-height: 40px; margin: 0 auto; padding: 0; font-size: 15px; font-weight: 300; color: #FFFFFF; position: relative; overflow: hidden; } div#bar.sb+div.alert-bar .alert-bar-inner { max-width: 100%; } div.alert-bar-inner a { color: #FFFFFF; text-decoration: underline; } div.alert-spacer { height: 40px; } div.promo-alert { background-color: #0082d2; } div.restart-alert { background-color: #e03d24; } div.coupon-alert { background-color: #0082d2; } div.alert-bar-inner span:first-of-type { margin-left: 65px; } div.alert-bar-inner span:nth-child(1n+2) { margin-left: 35px; } div.alert-bar-inner span#restart-counter { margin-left: 0px; } div.alert-close { background: url(x.png) no-repeat 15px 15px; position: absolute; right: 0px; top: 0px; height: 100%; width: 40px; cursor: pointer; } div.promo-alert div.alert-close { background-color: #00639b; } div.restart-alert div.alert-close { background-color: #af2d1a; } div.alert-spacer { visibility: hidden; } .paypal-button { background-image: url(https://www.paypalobjects.com/webstatic/mktg/logo-center/Security_Banner_120x90_4a.gif); background-position: 0px 0px; background-repeat: no-repeat; width: 120px; height: 90px; border: 0; padding: 0; outline: 0; cursor: pointer; } /******************************* Modal *******************************/ div#modal-screen-overlay { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 6; background-color: rgba(0, 0, 0, 0.7); text-align: center; } div#modal-body { display: inline-block; position: relative; margin: 140px auto 0 auto; text-align: left; } div#modal-close { background: url(modal-x.png); position: absolute; right: 3px; top: 3px; height: 11px; width: 11px; cursor: pointer; } div#modal-header { padding: 15px; } div#modal-content { padding: 15px; } div#bar.sb #cart0,div#bar.sb #cart { background: none; } .table>tbody>tr.danger>td,.table>tbody>tr>td.danger { background-color: #f2dede !important; } input.button_green[disabled] { background-color: #D1D1D1; border: 1px solid #DFDFDF; cursor: none; cursor: auto; }