/* Header */ h1 {display: block; height: 100px; width: 462px; background: transparent url(graphics/header_logo.gif) no-repeat top left; padding: 0; margin: 0; text-indent: -5000px; position: absolute; top: 0; left: 0;} h2 {font: 21px "Trebuchet MS", Arial, Helvetica, "Gill Sans", sans-serif; letter-spacing: -.067em; margin: 40px 60px 15px 28px;} h3 {margin-left: 28px; font: 16px "Trebuchet MS", Arial, Helvetica, "Gill Sans", sans-serif; font-weight: bold; margin-bottom: -10px;} #topshop {margin: 0; padding: 0; list-style-type: none; position: absolute; top: 115px; left: 468px;} #topshop li {display: inline; margin: 0; padding: 0; text-indent: 0;} #topshop .logout a:link {display: block; height: 26px; width: 79px; background: transparent url("graphics/topshop_logout.gif") no-repeat top left; margin: 0; background-position: 0 0;} #topshop .logout a:visited {display: block; height: 26px; width: 79px; background: transparent url("graphics/topshop_logout.gif") no-repeat top left; margin: 0; background-position: 0 0;} #topshop .logout a:hover {display: block; height: 26px; width: 79px; background-image: url("graphics/topshop_logout.gif"); background-position: 0 0;} #topshop .logout a:active {display: block; height: 26px; width: 79px; background-image: url("graphics/topshop_logout.gif"); background-position: 0 0;} #topshop .logout {background: url("graphics/topshop_logout.gif") no-repeat top left; position: absolute; top: 0; left: 0; text-indent: -9000px; } #topshop .login a:link {display: block; height: 26px; width: 58px; background: transparent url("graphics/topshop_login.gif") no-repeat top left; margin: 0; background-position: 0 0;} #topshop .login a:visited {display: block; height: 26px; width: 58px; background: transparent url("graphics/topshop_login.gif") no-repeat top left; margin: 0; background-position: 0 0;} #topshop .login a:hover {display: block; height: 26px; width: 58px; background-image: url("graphics/topshop_login.gif"); background-position: 0 0;} #topshop .login a:active {display: block; height: 26px; width: 58px; background-image: url("graphics/topshop_login.gif"); background-position: 0 0;} #topshop .login {background: url("graphics/topshop_login.gif") no-repeat top left; position: absolute; top: 0; left: 21px; text-indent: -9000px; } #topshop img.bullet1 {margin: 0; padding: 0; position: absolute; top: 8px; left: 88px;} #topshop .viewbasket a:link {display: block; height: 26px; width: 165px; background: transparent url("graphics/topshop_cart.gif") no-repeat top left; margin: 0; background-position: 0 0;} #topshop .viewbasket a:visited {display: block; height: 26px; width: 165px; background: transparent url("graphics/topshop_cart.gif") no-repeat top left; margin: 0; background-position: 0 0;} #topshop .viewbasket a:hover {display: block; height: 26px; width: 165px; background-image: url("graphics/topshop_cart.gif"); background-position: 0 0;} #topshop .viewbasket a:active {display: block; height: 26px; width: 165px; background-image: url("graphics/topshop_cart.gif"); background-position: 0 0;} #topshop .viewbasket {background: url("graphics/topshop_viewbasket.gif") no-repeat top left; position: absolute; top: 0; left: 103px; text-indent: -9000px; } #topshop img.bullet2 {margin: 0; padding: 0; position: absolute; top: 9px; left: 276px;} #topshop .checkout a:link {display: block; height: 26px; width: 90px; background: transparent url("graphics/topshop_checkout.gif") no-repeat top left; margin: 0; background-position: 0 0;} #topshop .checkout a:visited {display: block; height: 26px; width: 90px; background: transparent url("graphics/topshop_checkout.gif") no-repeat top left; margin: 0; background-position: 0 0;} #topshop .checkout a:hover {display: block; height: 26px; width: 90px; background-image: url("graphics/topshop_checkout.gif"); background-position: 0 0;} #topshop .checkout a:active {display: block; height: 26px; width: 90px; background-image: url("graphics/topshop_checkout.gif"); background-position: 0 0;} #topshop .checkout {background: url("graphics/topshop_checkout.gif") no-repeat top left; position: absolute; top: 0; left: 288px; text-indent: -9000px; } #topnav {margin: 0; padding: 0; list-style-type: none; position: absolute; top: 15px; left: 608px;} #topnav li {display: inline; margin: 0; padding: 0; text-indent: 0;} #topnav .home a:link {display: block; height: 17px; width: 35px; background: transparent url("graphics/topnav_home.gif") no-repeat top left; margin: 0; background-position: 0 0;} #topnav .home a:visited {display: block; height: 17px; width: 35px; background: transparent url("graphics/topnav_home.gif") no-repeat top left; margin: 0; background-position: 0 0;} #topnav .home a:hover {display: block; height: 17px; width: 35px; background-image: url("graphics/topnav_home.gif"); background-position: 0 0;} #topnav .home a:active {display: block; height: 17px; width: 35px; background-image: url("graphics/topnav_home.gif"); background-position: 0 0;} #topnav .home {background: url("graphics/topnav_home.gif") no-repeat top left; position: absolute; top: 0; left: 0; text-indent: -9000px; } #topnav img.bullet1 {margin: 0; padding: 0; position: absolute; top: 7px; left: 42px;} #topnav .about a:link {display: block; height: 17px; width: 55px; background: transparent url("graphics/topnav_about.gif") no-repeat top left; margin: 0; background-position: 0 0;} #topnav .about a:visited {display: block; height: 17px; width: 55px; background: transparent url("graphics/topnav_about.gif") no-repeat top left; margin: 0; background-position: 0 0;} #topnav .about a:hover {display: block; height: 17px; width: 55px; background-image: url("graphics/topnav_about.gif"); background-position: 0 0;} #topnav .about a:active {display: block; height: 17px; width: 55px; background-image: url("graphics/topnav_about.gif"); background-position: 0 0;} #topnav .about {background: url("graphics/topshop_login.gif") no-repeat top left; position: absolute; top: 0; left: 52px; text-indent: -9000px; } #topnav img.bullet2 {margin: 0; padding: 0; position: absolute; top: 7px; left: 115px;} #topnav .service a:link {display: block; height: 17px; width: 108px; background: transparent url("graphics/topnav_service.gif") no-repeat top left; margin: 0; background-position: 0 0;} #topnav .service a:visited {display: block; height: 17px; width: 108px; background: transparent url("graphics/topnav_service.gif") no-repeat top left; margin: 0; background-position: 0 0;} #topnav .service a:hover {display: block; height: 17px; width: 108px; background-image: url("graphics/topnav_service.gif"); background-position: 0 0;} #topnav .service a:active {display: block; height: 17px; width: 108px; background-image: url("graphics/topnav_service.gif"); background-position: 0 0;} #topnav .service {background: url("graphics/topshop_login.gif") no-repeat top left; position: absolute; top: 0; left: 125px; text-indent: -9000px; } #welcome {margin: 0; padding: 0; width: 571px; height: 253px; position: relative; top: 20px; left: 38px; background: transparent url(graphics/sfnt-table-background.gif) no-repeat top left;} #welcome p {margin: 10px 10px 0 0;} #header {margin: 0 auto; width: 860px; height: 159px; position: relative; background: transparent url(graphics/header_bg.gif) no-repeat top left;} /* Left Column & Category Tree */ #lc {width: 197px; font-size: 12px;} #lc h2 {font: 18px Arial, Helvetica, "Trebuchet MS", "Gill Sans", sans-serif; color: rgb(234, 21, 21); margin: 20px 0 10px 8px; padding: 0;} #lc ul {margin: 0 5px 8px 10px; padding: 0; text-indent: 0;} #lc ul li {background: transparent url(graphics/lc_bullet.gif) no-repeat center left; padding-left: 10px; list-style-type: none;} #lc ul li.last {margin-right: 0; padding-right: 0; background: none;} #lc ul li a:link {font-weight: normal; text-decoration: none; color: #000 !important;} #lc ul li a:visited {font-weight: normal; text-decoration: none; color: #000;} #lc ul li a:hover {font-weight: normal; text-decoration: none; color: #000;} #lc ul li a:active {font-weight: normal; text-decoration: underline; color: #000;} #lc ul.other_lc_ul li {background: transparent url(graphics/lc_bullet.gif) no-repeat 0 6px; padding-left: 10px; list-style-type: none;} #lc ul.other_lc_ul li a:link {color: #00f !important;} #lc ul.other_lc_ul li a:visited {color: #00f;} #lc ul.other_lc_ul li a:hover {color: #00f;} #lc ul.other_lc_ul li a:active {color: #00f;} #lc .current_cat {background: transparent url(graphics/lc_bullet.gif) no-repeat center left; padding-left: 10px; list-style-type: none;} #email_bar {height: 24px; width: 197px;} #lc form {margin: 0 0 0 20px; padding: 0; height: 24px !important;} #lc form input.go {margin: 0; padding: 0; height: 24px; position: relative; top: -1px; left: -3px;} #lc form input.email {height: 19px; width: 132px; background-color: #fff; border: 1px solid #fc6; padding: 3px 0 0 3px; text-align: left; font-size: 12px; verticle-align: top; position: relative; top: -10px;} #lc_footer {width: 197px; height: 100px; background-color: rgb(255, 253, 191); float: left;} #lc p {margin: 15px 60px 18px 30px; line-height: 16px;} /* Content Section */ #content {width: 663px; margin-left: 197px;} #other_form {margin-left: 28px; width: 613px;} #other_table {margin-left: 28px; width: 613px;} #bask_table {margin-left: 28px; width: 613px;} #bask_table tr {height: 20px;} #bask_table input {padding: 0; margin: 0;} #status form table {margin-left: 28px; width: 613px;} #status form {margin-left: 28px; width: 613px;} #status_details {margin-left: 28px; width: 613px;} #status_details table {width: 613px;} /* Tabs Section */ #ebx_tabs_wrap {width: 300px;} #ebx_tabs_content {} #ebx_tabs_tab1 {} #ebx_tabs_tab1 .ebx_tabs_on {} #ebx_tabs_tab2 {} #ebx_tabs_tab2 .ebx_tabs_on {} #ebx_tabs_tab3 {} #ebx_tabs_tab3 .ebx_tabs_on {} #prodtable td.img {margin: 0; padding: 0; width: 320px;} /* Footer */ #footer {font-size: 11px; text-align: right; height: 100px; margin-right: 15px;} #footer ul {list-style-type: none; margin: 0 !important; padding-top: 30px; text-indent: 0;} #footer ul li {font-size: 11px; color: #000; background: transparent url(graphics/footer_pipe.gif) no-repeat center right; display: inline; padding-right: 5px; margin-right: 3px; margin-bottom: 0;} #footer ul li.last {margin-right: 0; padding-right: 0; background: none;} #footer ul li a:link, #footer ul li a:visited {font-weight: normal; text-decoration: none; color: #000;} #footer ul li a:hover, #footer ul li a:active font-weight: normal; text-decoration: underline; color: #000;} #footer a:link {font-size: 11px; color: #000; margin: 0;} #footer a:visited {font-weight: normal; text-decoration: none; color: #000; margin: 0;} #footer a:hover, #footer a:active font-weight: normal; text-decoration: underline; color: #000; margin: 0;} #footer p.footer {font-size: 11px; margin: 0 !important; line-height: 12px !important; padding: 0 0 20px 0 !important; width: 100%;} /* Other Footer */ #other_footer {color: #666666; padding: 60px 60px 18px 0; margin-bottom: 0; valign: bottom;} #other_footer ul {list-style-type: none; margin: 0 0 5px 0; padding: 0; text-indent: 0;} #other_footer ul li {display: inline; font-size: 11px; background: transparent url(graphics/footer_pipe.gif) no-repeat center right; padding-right: 8px; margin-right: 5px;} #other_footer ul li.last {margin-right: 0; padding-right: 0; background: none;} #other_footer ul li a:link, #other_footer ul li a:visited {font-weight: normal; text-decoration: none; color: #666666;} #other_footer ul li a:hover, #other_footer ul li a:active {font-weight: normal; text-decoration: underline; color: #666666;} #other_footer p {font-size: 11px; margin: 0; padding: 0;} #fax_table th {font-size: 10px; font-weight: normal;} #fax_table {border-collapse: collapse; margin: 30px 0 0 28px; border-spacing: 0;} #fax_table td {border-collapse: collapse; border-spacing: 0; border: 1px solid #000;} #fax_form p {font-size: 10px; margin: 0 0 0 28px;} #fax_form {font-size: 10px !important;} /* Category Page Template */ #category_table {margin-top: 14px; margin-left: 28px; width: 613px;} #category_table td {padding-bottom: 25px;} #category_table td p.name {margin: 5px 20px 4px 20px; font-size: 13px; font-weight: bold;} #category_table td p {margin: 0; padding: 0; font-size: 12px;} /* Product Page */ #prodtable {margin-top: 45px; margin-left: 28px; width: 613px;} #prodtable td.img {padding-right: 15px;} #prodtable td.detail { } #prodtable td.detail h2 {margin-top: 0; margin-left: 0 !important;} #prodtable td.detail p {margin: 0 0 10px 0; font-size: 12px;} #prodtable td.detail form {margin: 0 !important; padding: 0 !important;} #prodtable #description {font-size: 12px; margin-bottom: 10px;} #ebx_tabs_wrap {} ul#ebx_tabs_tabs {} ul#ebx_tabs_tabs li.ebx_tabs_on {border: 1px solid #FFCC66 !important; border-bottom: 1px solid #fff !important; color: #FF7817 !important;} ul#ebx_tabs_tabs li.ebx_tabs_off {background-color: #fff !important; color: #FF7817 !important; border: 1px solid #FFCC66 !important;} #ebx_tabs_content {text-align: left; border: 1px solid #FFCC66 !important;} /* Order Pages */ /* Storefront (Home Page) */ /* General Identifiers */ #wrap {width: 860px; margin: 0 auto 0 auto; padding: 0 6px 0 6px; background: #fff url(graphics/wrap_bg.gif) repeat-y top left; position: relative;} /* General Elements */ p {margin: 15px 60px 18px 28px; line-height: 16px;} img {border: 0;} body {margin: 0; padding: 0; background: #fff url(graphics/body_bg.gif) repeat top left; font: 14px/14px Arial, Helvetica, "Trebuchet MS", "Gill Sans", sans-serif;} a:link {color: #00f;} a:visited {color: #00f;} address {margin: 15px 60px 18px 28px; line-height: 16px;} /* General Classes */ ol {margin-left: 28px;} ul {margin-left: 28px;} .arrow {margin-right: 5px;} .clear {clear: both;} div.clear {margin: 0;} .left {float: left; margin: 0 10px 0 30px;} .right {float: right; margin: 0 56px 0 10px;} .button button {background-color: #fc6; border: 1px solid #fc6; height: 24px; font: 12px Arial, Helvetica, "Trebuchet MS", "Gill Sans", sans-serif; padding: 2px 3px 2px 3px; vertical-align: top; margin: 9px 18px 0 18px; cursor: pointer;} .button input {background-color: #fc6; border: 1px solid #fc6; height: 24px; font: 12px Arial, Helvetica, "Trebuchet MS", "Gill Sans", sans-serif; padding: 2px 3px 2px 3px; vertical-align: top; margin: 9px 18px 0 18px; cursor: pointer;} button.button {background-color: #fc6; border: 1px solid #fc6; height: 24px; font: 12px Arial, Helvetica, "Trebuchet MS", "Gill Sans", sans-serif; padding: 2px 3px 2px 3px; vertical-align: top; margin: 9px 18px 0 18px; cursor: pointer;} input.button {background-color: #fc6; border: 1px solid #fc6; height: 24px; font: 12px Arial, Helvetica, "Trebuchet MS", "Gill Sans", sans-serif; padding: 2px 3px 2px 3px; vertical-align: top; margin: 9px 18px 0 18px; cursor: pointer;} img.logo-print {display: none;}