/* Header */ #header {background: transparent url(graphics/header_bg.gif) repeat-x top left; height: 177px; margin: 0;} h1 {display: block; position: absolute; top: 35px; left: 87px; height: 34px; width: 152px; background: transparent url(graphics/header_logo.gif) no-repeat top left; text-indent: -9000px;} h2 {font-size: 14px; color: #006699; margin-top: 10px;} #main_td h3 {color: #fff; font-size: 12px; background: transparent url(graphics/h3_bg.gif) repeat-x top left; height: 17px; width: 546px; border: 1px solid #630; padding: 1px 0 0 16px;} h4 {color: #069; font-size: 12px;} #topnav {color: #fff; font-size: 11px; font-family: Arial,Helvetica,sans-serif; height: 29px; background: transparent url(graphics/topnav_bg.gif) repeat-x top left; text-align: center; text-indent: 0; margin: 0; padding: 7px 0 0 0; position: absolute; top: 87px; left: 0; width: 765px;} #topnav li {color: #fff; text-decoration: none; display: inline; border-right: 1px solid #fff; padding-right: 3px; padding-left: 1px;} #topnav li.last {border-right: 0; padding-right: 0; margin-right: 0;} #topnav li a:link {color: #fff; text-decoration: none;} #topnav li a:visited {color: #fff; text-decoration: none;} #topnav li a:hover {color: #fff; text-decoration: underline;} #topnav li a:active {color: #fff; text-decoration: none;} #topshop {height: 23px; width: 338px; margin: 0; padding: 0; position: absolute; top: 67px; left: 322px; z-index: 5;} #topshop .home a:link {display: block; height: 23px; width: 71px; background: transparent url("graphics/topshop_home.gif") no-repeat top left; margin: 0; background-position: 0 -46px;} #topshop .home a:visited {display: block; height: 23px; width: 71px; background: transparent url("graphics/topshop_home.gif") no-repeat top left; margin: 0; background-position: 0 -46px;} #topshop .home a:hover {display: block; height: 23px; width: 71px; background-image: url("graphics/topshop_home.gif"); background-position: 0 -23px;} #topshop .home a:active {display: block; height: 23px; width: 71px; background-image: url("graphics/topshop_home.gif"); background-position: 0 -23px;} #topshop .home {background: url("graphics/topshop_home.gif") no-repeat top left; position: absolute; top: 0; left: 0; text-indent: -9000px; } #topshop .yourcart a:link {display: block; height: 23px; width: 111px; background: transparent url("graphics/topshop_yourcart.gif") no-repeat top left; margin: 0;} #topshop .yourcart a:visited {display: block; height: 23px; width: 111px; background: transparent url("graphics/topshop_yourcart.gif") no-repeat top left; margin: 0;} #topshop .yourcart a:hover {display: block; height: 23px; width: 111px; background-image: url("graphics/topshop_yourcart.gif"); background-position: 0 -23px;} #topshop .yourcart a:active {display: block; height: 23px; width: 111px; background-image: url("graphics/topshop_yourcart.gif"); background-position: 0 -23px;} #topshop .yourcart {background: url("graphics/topshop_yourcart.gif") no-repeat top left; position: absolute; top: 0; left: 71px; text-indent: -9000px; } #topshop .specials a:link {display: block; height: 23px; width: 70px; background: transparent url("graphics/topshop_specials.gif") no-repeat top left; margin: 0;} #topshop .specials a:visited {display: block; height: 23px; width: 70px; background: transparent url("graphics/topshop_specials.gif") no-repeat top left; margin: 0;} #topshop .specials a:hover {display: block; height: 23px; width: 70px; background-image: url("graphics/topshop_specials.gif"); background-position: 0 -23px;} #topshop .specials a:active {display: block; height: 23px; width: 70px; background-image: url("graphics/topshop_specials.gif"); background-position: 0 -23px;} #topshop .specials {background: url("graphics/topshop_specials.gif") no-repeat top left; position: absolute; top: 0; left: 182px; text-indent: -9000px; } #topshop .contactus a:link {display: block; height: 23px; width: 86px; background: transparent url("graphics/topshop_contactus.gif") no-repeat top left; margin: 0;} #topshop .contactus a:visited {display: block; height: 23px; width: 86px; background: transparent url("graphics/topshop_contactus.gif") no-repeat top left; margin: 0;} #topshop .contactus a:hover {display: block; height: 23px; width: 86px; background-image: url("graphics/topshop_contactus.gif"); background-position: 0 -23px;} #topshop .contactus a:active {display: block; height: 23px; width: 86px; background-image: url("graphics/topshop_contactus.gif"); background-position: 0 -23px;} #topshop .contactus {background: url("graphics/topshop_contactus.gif") no-repeat top left; position: absolute; top: 0; left: 252px; text-indent: -9000px; } p.header_message {font: 12px Arial,Helvetica,sans-serif; margin: 0; padding: 0; position: absolute; top: 120px; width: 100%; text-align: center;} ul#header_bottom {list-style-type: none; margin: 0; padding: 0; text-indent: 0; position: absolute; top: 151px; width: 100%; text-align: center;} ul#header_bottom li {display: inline; font-size: 12px; padding-top: 5px;} ul#header_bottom li.monthly_specials {margin-right: 105px; background: transparent url(graphics/monthly_specials_bg.gif) no-repeat center left; padding-left: 22px;} ul#header_bottom li.supplying {margin-right: 105px; background: transparent url(graphics/supplying_bg.gif) no-repeat center left; padding-left: 20px;} ul#header_bottom li.call_us {background: transparent url(graphics/call_us_bg.gif) no-repeat center left; padding-left: 25px;} /* Category Tree */ #lc {width: 181px;} #lc_search {width: 181px; border: 1px solid #066; margin-bottom: 20px; font-size: 11px; color: #333;} #lc_search form {margin: 0; padding: 0;} #lc_search input.search {width: 141px; height: 18px; border: 1px solid #999; font-size: 11px; padding: 2px 0 0 2px; margin: 0 0 0 3px; position: relative; top: 2px;} #lc_search input.go {position: relative; top: 10px;} #lc_search a:link {color: #333; font-size: 12px; text-decoration: none;} #lc_search a:visited {color: #333; font-size: 12px; text-decoration: none;} #lc_search a:hover {color: #333; font-size: 12px; text-decoration: underline;} #lc_search a:active {color: #333; font-size: 12px; text-decoration: underline;} #lc_search p {margin: 3px 4px -8px 4px;} #lc_search p.tips {margin: 6px 4px 3px 4px;} #lc_products {width: 181px; border: 1px solid #066; margin-bottom: 20px;} #lc_products p {margin: 0; padding: 4px 4px 3px 4px; color: #333; font-size: 12px;} #lc_products p.bg {background-color: #cff;} #lc_products a:link {text-decoration: none; color: #333;} #lc_products a:visited {text-decoration: none; color: #333;} #lc_products a:hover {text-decoration: underline; color: #333;} #lc_products a:active {text-decoration: underline; color: #333;} #lc_manufacturers {width: 181px; border: 1px solid #066; margin-bottom: 20px;} #lc_manufacturers p {margin: 0; padding: 4px 4px 3px 4px; color: #333; font-size: 12px;} #lc_manufacturers p.bg {background-color: #cff;} #lc_manufacturers a:link {text-decoration: none; color: #333;} #lc_manufacturers a:visited {text-decoration: none; color: #333;} #lc_manufacturers a:hover {text-decoration: underline; color: #333;} #lc_manufacturers a:active {text-decoration: underline; color: #333;} #lc_shopcart {width: 181px; border: 1px solid #066; margin-bottom: 20px;} #lc_shopcart p {padding: 4px 4px 3px 7px; color: #333; font-size: 12px; line-height: 18px; margin: 0;} #lc_shopcart a:link {text-decoration: none; color: #333; font-size: 12px;} #lc_shopcart a:visited {text-decoration: none; color: #333; font-size: 12px;} #lc_shopcart a:hover {text-decoration: underline; color: #333; font-size: 12px;} #lc_shopcart a:active {text-decoration: underline; color: #333; font-size: 12px;} #lc_shopcart ul {list-style-type: none; margin: 5px; padding: 0; border-top: 1px solid #ccc; padding-top: 9px;} #lc_shopcart ul li {padding-left: 15px; background: transparent url(graphics/subcat_bg.png) no-repeat center left;} #lc h2 {margin: 0; padding: 1px 0 0 5px; font: bold 12px Arial,Helvetica,sans-serif; background: transparent url(graphics/lc_bg.gif) repeat-x top left; height: 19px; color: #fff;} a.cat1 {padding-left: 15px; background: transparent url(graphics/subcat_bg.png) no-repeat center left;} a.cat2 {padding-left: 15px; background: transparent url(graphics/subcat_bg.png) no-repeat center left; margin-left: 10px;} .active_cat {font-style: italic;} /* Right Column */ #rc {width: 181px;} #rc_specials {width: 163px; border: 1px solid #066; margin-bottom: 20px;} #rc_specials p {margin: 10px; line-height: 15px; font-size: 11px;} #rc_specials a:link {text-decoration: none; color: #333;} #rc_specials a:visited {text-decoration: none; color: #333;} #rc_specials a:hover {text-decoration: underline; color: #333;} #rc_specials a:active {text-decoration: underline; color: #333;} #rc p {margin: 10px; line-height: 15px; font-size: 11px;} #rc h2 {margin: 0; padding: 1px 0 0 5px; font: bold 12px Arial,Helvetica,sans-serif; background: transparent url(graphics/lc_bg.gif) repeat-x top left; height: 19px; color: #fff;} #rc_specials input {background: transparent url(graphics/button_bg.gif) repeat-x top left; border: 0; color: #fff; font: bold 11px Arial, Helvetica, sans-serif; cursor: pointer; padding: 2px 3px !important; text-indent: 0; margin: 0 10px 10px 10px; float: right;} /* Main TD */ #main_td {padding: 1px 20px 0 20px; font: 12px Arial,Helvetica,sans-serif;} #main_td td, #main_td div {font: 12px Arial,Helvetica,sans-serif;} /* Footer */ #footer {margin: 20px 0 107px 0;} #bottomnav {color: #fff; font-size: 11px; font-family: Arial,Helvetica,sans-serif; height: 29px; background: transparent url(graphics/bottomnav_bg.gif) repeat-x top left; text-align: center; text-indent: 0; margin: 0; padding: 7px 0 0 0;} #bottomnav li {color: #fff; text-decoration: none; display: inline; border-right: 1px solid #fff; padding-right: 3px; padding-left: 1px;} #bottomnav li.last {border-right: 0; padding-right: 0; margin-right: 0;} #bottomnav li a:link {color: #fff; text-decoration: none;} #bottomnav li a:visited {color: #fff; text-decoration: none;} #bottomnav li a:hover {color: #fff; text-decoration: underline;} #bottomnav li a:active {color: #fff; text-decoration: none;} #footer p {text-align: center; margin: 0 0 3px 0; padding: 0; color: #333; font-size: 11px;} #general {color: #333; font: 11px Arial,Helvetica,sans-serif; text-align: center; text-indent: 0; margin: 6px 0; padding: 0;} #general li {text-decoration: none; display: inline; border-right: 1px solid #333; padding-right: 3px; padding-left: 1px;} #general li.last {border-right: 0; padding-right: 0 !important; margin-right: 0;} #general li a:link {color: #333; text-decoration: none;} #general li a:visited {color: #333; text-decoration: none;} #general li a:hover {color: #333; text-decoration: underline;} #general li a:active {color: #333; text-decoration: none;} /* Category Page Template */ /* main category header box */ .sides {background: transparent url(graphics/sides_bg.gif) repeat-y 0 100%; width: 566px;} .bottom {background: url(graphics/bottom_bg.gif) 100% 100% no-repeat} .top {background: url(graphics/top_bg.gif) 0 0 no-repeat; padding: 15px 22px 15px 22px;} #main_td.sfnt .sides {background: transparent url(graphics/sfnt_sides_bg.gif) repeat-y 0 100%; width: 359px; margin-left: 7px;} #main_td.sfnt .bottom {background: url(graphics/sfnt_bottom_bg.gif) 100% 100% no-repeat} #main_td.sfnt .top {background: url(graphics/sfnt_top_bg.gif) 0 0 no-repeat; padding: 15px 22px 15px 22px;} #main_td.sfnt h3 {color: #fff; font-size: 12px; background: transparent url(graphics/h3_bg.gif) repeat-x top left; height: 17px; width: 359px; border: 1px solid #630; padding: 1px 0 0 16px; margin-top: 25px;} #main_td.sfnt h4 {margin-top: 25px; margin-bottom: 0;} #main_td.sfnt .left {float: left; margin: 15px 10px 10px 0;} #main_td.sfnt .right {float: right; margin: 15px 0 10px 10px;} /* main category shop table */ table.maincat_shop {margin: -5px 0 0 0; padding: 0;} td.icon {padding: 20px; vertical-align: center; text-align: center;} td.description {color: #333; padding-right: 14px;} td.description h4 {margin-bottom: 0;} td.description a:link {text-decoration: underline;} td.description a:visited {text-decoration: underline;} td.description a:hover {text-decoration: underline;} td.description a:active {text-decoration: underline;} a.arrow {padding-right: 15px; background: transparent url(graphics/li_bg.gif) no-repeat center right;} ul.shop {list-style-type: none; text-indent: 0; margin: 0; padding: 0;} ul.shop li {padding-left: 14px; margin-left: 10px; background: transparent url(graphics/li_bg.gif) no-repeat center left; text-indent: 0; line-height: 28px;} ul.shop li a:link {color: #333; text-decoration: underline;} ul.shop li a:visited {color: #333; text-decoration: underline;} ul.shop li a:hover {color: #333; text-decoration: underline;} ul.shop li a:active {color: #333; text-decoration: underline;} /* Subcategory : Product List Page */ #breadcrumbs {margin-top: 10px;} #breadcrumbs a:link {font-weight: bold; color: #0000FF; text-decoration: underline !important; font-size: 10px;} #breadcrumbs a:visited {font-weight: bold; color: #800080; text-decoration: underline !important; font-size: 10px;} #breadcrumbs a:hover {font-weight: bold; text-decoration: underline !important; font-size: 10px;} #breadcrumbs a:active {font-weight: bold; text-decoration: underline !important; font-size: 10px;} #breadcrumbs .category {color: darkslateblue; font-size: 18px; font-weight: bold;} #prod_list {margin-top: 10px;} #prod_list th {background-color: cornflowerblue; color: #fff; font: bold 10px Verdana, Geneva, Arial, sans-serif; padding: 1px;} #prod_list td {font: 13px Verdana, Geneva, Arial, sans-serif;} #prod_list input.add {background: none; border: 0; color: #800080; font: 10px Verdana, Geneva, Arial, sans-serif; cursor: pointer; border-bottom: 1px solid #800080; width: 25px; padding: 0 !important; text-align: left; text-indent: 0;} #prod_list button.add {background: none; border: 0; color: #800080; font: 10px Verdana, Geneva, Arial, sans-serif; cursor: pointer; border-bottom: 1px solid #800080; width: 25px; padding: 0 !important; text-align: left; text-indent: 0;} #prod_list td img {border: 1px solid #800080; height: 15px; width: 15px;} /* Order Pages Styles */ #other {padding: 10px;} #other.short {padding-bottom: 50px;} #other input.button, #other .button input, #other button {background: transparent url(graphics/button_bg.gif) repeat-x top left; border: 0; color: #fff; font: bold 11px Arial, Helvetica, sans-serif; cursor: pointer; padding: 2px 3px !important; text-indent: 0;} /* General Elements */ body {margin: 0; padding: 0; text-align: center; font-size: 12px; font-family: Arial,Helvetica,sans-serif;} img {border: 0;} a:link {color: #069; text-decoration: none;} a:visited {color: #069; text-decoration: none;} a:hover {color: #069; text-decoration: underline;} a:active {color: #069; text-decoration: underline;} address {font-weight: bold; font-style: normal;} /* Tips Page */ #reader {font-size: 10px;} #question {background-color: #cff;} #space {height: 20px;} /* General Identifiers */ #wrap {width: 765px; margin: 0 auto; text-align: left; position: relative;} /* General Classes */ .right {float: right; margin: 10px 0 10px 10px;} .left {float: left; margin: 10px 10px 10px 0;} input.button, .button input, {background: transparent url(graphics/button_bg.gif) repeat-x top left; border: 0; color: #fff; font: bold 11px Arial, Helvetica, sans-serif; cursor: pointer; padding: 2px 3px !important; text-indent: 0;} div.clear {clear: both; margin: 0; padding: 0; height: 0;} ul.thread_top {list-style-type: none; margin: 0; padding: 0; text-indent: 0;} ul.thread_top li {display: inline; text-indent: 0; margin: 20px;} ul.thread_top li img {border: 0;} ul.thread_ftr {list-style-type: none; margin: 30px 0 0 0; padding: 0; text-indent: 0; text-align: center; font-size: 11px;} ul.thread_ftr li {display: inline; text-indent: 0; margin: 10px 7px 0 0; font-weight: bold; border-right: 1px solid #000; padding-right: 8px;} ul.thread_ftr li.first {margin-left: 10px;} ul.thread_ftr li.last {bold; border-right: none;} ul.thread_ftr li a:link {font-weight: normal; text-decoration: none;} ul.thread_ftr li a:visited {font-weight: normal; text-decoration: none;} ul.thread_ftr li a:hover {font-weight: normal; text-decoration: underline;} ul.thread_ftr li a:active {font-weight: normal; text-decoration: underline;}