body	{ background: #fff; color: #333; padding: 0px; margin: 0px; font-family: Tahoma, tahoma, verdana; font-size: 10pt; width: 100%;} /*	url(/images/parcel.jpg) no-repeat 100% 30% fixed */ #wrapper, #contactbar, #headerbox, #breadcrumbs, #main, #footer	{ margin: auto; width: 750px;} li {list-style: none; } a:link , a:visited {text-decoration: none; } h6.r	{color: #f00; font-size: 12pt; } #contactbar	{ background: #444; border-bottom: 1px solid #000; color: #ff5235; border-top: 3px solid #ff5235; height: 15px; overflow: hidden;text-align: right; width: 700px; padding: 5px 25px; } #contactbar .tagline	{ color: #fff; text-align: left; font-weight: bold; float: left; position: relative; top: -2px;} #contactbar .tel	{ color: #FF5235; position: relative; top: -5px; margin-right: 15px;} #contactbar a		{ margin: 0px; padding: 0px; position: relative; top: -3px; } #contactbar a img	{ border: 0px; } #headerbox	{ background: #284697 url(/images/headerbg.png) bottom; margin-bottom: 5px; position: relative; top: -5px;width: 750px; height: 50px; padding-top: 20px; } #headerbox #hmenu	{ background: url(/images/logo.png) no-repeat 20px 5px; display:block; height: 80px; float: left; padding: 0px 40px 0px 250px; text-align: center;} #headerbox #hmenu a	{ color: #fff; float: left; width: 80px; position: relative; top: 10px; left: 40px; text-align: center; text-decoration: none; font-size:10pt; font-weight: bold;} #headerbox #hmenu a:hover	{ color: #FF5235; } #headerbox #searchbox	{ float: left; width: 160px; background: #94b7e6; color: #444; border: 0px; padding: 0px; padding-left: 1px; position: relative; top: 10px; left: 17px;} #headerbox #searchbox input[type=text]	{ display:inline;width: 110px; margin-right: 1px; border: 1px solid #444; background: #D9E0F5; color: #444; padding: 3px;} #headerbox form	{ display: inline; padding: 0px; margin: 0px; background: transparent; } #headerbox #searchbox .sb	{ border: 0px;height: 24px; width: 40px; margin:0px; background: #444; font-weight: bold; color: #FF5235; } #main 					{ width: 750px; padding: 0px; margin: 0px; } #main table				{ width: 750px; padding: 0px; margin: 0px; } #main #leftbar			{  width: 200px; display: block; padding: 0px; margin: 0px;} #main #content			{ width: 570px;   } #main #footer	{ color: #666; line-height: 14pt; background: #fff url(/images/footerbg.png) top center no-repeat; min-height: 100px; float: left; width: 800px; margin-top: 20px; text-align: center; padding: 5px 0px; font-size: 8pt; } #main #footer a { color: #ff5235; padding: 0px 10px; font-size: 10pt;} #breadcrumbs	{ display: block; clear: both; background: #fff url(/images/crumbsbg.png) no-repeat; width: 640px; margin: 10px 0px; padding: 5px 0px 0px 110px; overflow: visible; height: 30px;} #breadcrumbs a	{ color: #444; } #breadcrumbs a:hover	{ color: #FF5235; } .lbbox	{ background: url(/images/leftbg_short.png) no-repeat;padding: 5px 5px; margin-bottom: 30px; } .lbbox b { background: #444; color: #94B7E6;display: block; padding: 5px; width: 200px; margin-bottom: 5px; position: relative; top: 3px; left: -10px;  } .thawteseal { clear:both;  margin-top: 10px; } .lbbox a.checkout-checkoutbg:link { color: #ffffff; text-decoration: none; } a.checkout-checkoutbg:visited { color: #ffffff; text-decoration: none; } a.checkout-checkoutbg:hover { color: #ffffff; text-decoration: underline; } a.checkout-checkoutbg:active { color: #ffffff; text-decoration: underline; } a.checkout-textcolor:link { color: #000000; text-decoration: none; } a.checkout-textcolor:visited { color: #000000; text-decoration: none; } a.checkout-textcolor:hover { color: #000000; text-decoration: underline; } a.checkout-textcolor:active { color: #000000; text-decoration: underline; } ul { list-style: none; padding: 0px; margin: 0px; } .lbbox > ul > li > a.checkout-checkoutbg:link { color: #ffffff; text-decoration: none; } a.checkout-checkoutbg:visited { color: #ffffff; text-decoration: none; } a.checkout-checkoutbg:hover { color: #ffffff; text-decoration: underline; } a.checkout-checkoutbg:active { color: #ffffff; text-decoration: underline; } a.checkout-textcolor:link { color: #000000; text-decoration: none; } a.checkout-textcolor:visited { color: #000000; text-decoration: none; } a.checkout-textcolor:hover { color: #000000; text-decoration: underline; } a.checkout-textcolor:active { color: #000000; text-decoration: underline; } .lbbox ul ul { background: #fff; border: 1px solid #666;display: none; position: absolute; margin-left: 50px; z-index: 10;} .lbbox > ul > li		{ padding: 5px 0px;  }  .lbbox > ul li a	{ color: #444;text-decoration: none;} .lbbox > ul li > ul > li	{ padding: 0px; } .lbbox > ul li > ul > li a  { padding: 5px; display: block;}  .lbbox > ul li > ul > li a:hover	{ background: #444; padding: 5px; } .lbbox a:hover { color: #ff5235; } .lbbox > ul > li:hover	{ cursor: pointer; } .lbbox > ul > li:hover > a { color: #ff5235;} .lbbox > ul > li:hover > ul { display: block; position: absolute; left: 50%; margin-left: -200px; } .lbbox ol	{ padding: 0px; margin: 0px 25px;} .lbbox ol li   { padding: 2px 0px; } .lbbox ol li a { color: #444;font-size: 8pt; text-decoration: none; position: relative; left: -5px; } .lbbox .quote	{ font-size: 8pt; padding: 5px 0px 20px; } .lbbox .quote i	{ color: #284697; padding-top: 3px; display: block; text-align: right;} .lbbox#paybox 		{ text-align: center; } .lbbox#paybox img	{ border: 0px; margin: 1px; text-align: center;} #content .productblock	{ display: block; width: 570px; background: url(/images/contentbg.png) no-repeat 100% 10px; } #content table.product { width: 540px; display: block; margin-bottom: 40px; padding: 1px 0px 10px 20px; } #content table.product h3 	{ color: #284697; font-size: 11pt;} #content table.product h4 	{ color: #FF5235; font-size: 9pt;} #content table.product h5 	{ color: #284697; font-size: 9pt;} #content table.product .details { display: block; width: 95% !important} #content table.product .details a.checkout-checkoutbg:link { color: #ffffff; text-decoration: none; } a.checkout-checkoutbg:visited { color: #ffffff; text-decoration: none; } a.checkout-checkoutbg:hover { color: #ffffff; text-decoration: underline; } a.checkout-checkoutbg:active { color: #ffffff; text-decoration: underline; } a.checkout-textcolor:link { color: #000000; text-decoration: none; } a.checkout-textcolor:visited { color: #000000; text-decoration: none; } a.checkout-textcolor:hover { color: #000000; text-decoration: underline; } a.checkout-textcolor:active { color: #000000; text-decoration: underline; } ul { margin: 0px; padding: 0;} #content table.product .details li	{ display: block; background: url(/images/bullet_icon.png) no-repeat 0px 0px; padding-left: 24px; } #content table.product .button	{ color: #fff; background: url(/images/button.png) no-repeat 50% 50%; margin: 10px 0px 10px 170px; display: block;  } #content table.product .mainimg	{ margin-top: 50px; margin-right: 10px; max-width: 170px;  } #content table.product .ProductImage { width: 180px; display: block; } #content table.product td	{ padding-top: 15px; } #content table.product .button	{ display: block; width: 130px; border: 0px; height: 50px; text-decoration: none; text-align: center; padding-top: 8px; font-weight: bold;} #content table.product span.price	{ display: block; float: right; padding: 12px 10px 0px 0px;} #content table.product span.productprice { font-size: 12pt; color: #284697; font-weight: bold;} #content table.product p { margin: 5px; padding: 0px; } #content table.product .morebutton { display: block; width: 300px; padding: 10px; text-align: center; font-weight: bold; text-decoration: underline; color: #FF5235; font-size: 12pt; } #content table.product .morebutton small { display: block; text-decoration: none; color: #644; font-weight: normal; } .alsobought ol	{ list-style: none; padding: 3px; margin: 0px; } .alsobought li { list-style: none; padding: 3px; margin: 0px; } .alsobought a  { padding: 0px 10px; color: #284697; text-decoration: none; font-size: 11pt; } ul.atlist select, .atlist input { margin-bottom: 5px; } ul.atlist span { display: block; }  #content table.product .details { height: 72px; width: 360px;} #content table.product li { display: block; width: 340px; } .shrinkme { height: 160px; }  .offer		{ text-align: center; display: block; float: left; width: 160px; height: 270px; background: url(/images/offerbg.png) no-repeat center top; padding: 5px; margin: 0px 0px 20px 10px; } .offer	img	{ border: 0px; } .offer .title	{ color: #284697; display: block; font-size: 10pt; font-weight: bold; text-align: center; margin: 0px;} .offer .offbox a	{ display: block; text-align: center; margin: 0px; } .offer .offbox a img	{ border: 1px solid #94B7E6; display: block; margin: 0px; max-height: 102px;} .offer .offbox	{ height: 240px; overflow: hidden; text-align: center; } .offer .offdesc	{ text-align: justify; font-size: 8pt; } .offer .ourprice { font-size: 10pt; font-weight: bold;color: #284697; float: left; margin-top: 10px; text-align: left; max-width: 70px; } .offer > a 	{ position: relative; top: 10px; float: right;} .actxxsmall	{ font-size: 8pt; } div.subsectionlist { display: block; text-align: center; margin: auto; } div.section_list	{ display: block; float: right; height: 175px; width:115px; overflow: hidden;  padding: 0px; margin: 0px; background: fff; text-align: center;} div.section_list div.h3.product { background: transparent; text-align: center; margin: 0px; padding: 0px; } div.section_list div h3.product a { font-size: 7pt; text-decoration: none; color: #444; background: transparent; margin: 0px; padding: 0px;} div.section_list div h3.product a:hover { color:  #ff5235; } div.section_list p	{ margin: 5px 0px; padding: 0px; font-size: 6pt;  overflow: hidden; } div.section_list div.image_product	{ max-height: 100px; margin: 0px auto; text-align: center; } div.section_list div.image_product a img { max-height: 110px; margin: 0px auto;padding:0px; border: 1px solid #ff5235; } div.section_list div.image_product a:hover img { border-color: #444; }  div.product_list	{ display: block; float: right; height: 170px; overflow: hidden; width: 200px; padding: 5px 20px; background: url(/images/leftbg_short.png) no-repeat center top; text-align: center;} div.product_list div.h3.product { background: transparent; text-align: center;} div.product_list div h3.product a { font-size: 10pt; text-decoration: none; color: #444; background: transparent; } div.product_list div h3.product a:hover { color:  #ff5235; } div.product_list p	{ margin: 5px 0px; padding: 0px; font-size: 9pt; height: 40px; overflow: hidden; } div.product_list div.image_product	{ width: 180px; margin: auto; text-align: center; } div.product_list div.image_product a img { max-height: 100px; margin: auto; border: 1px solid #ff5235; } div.product_list div.image_product a:hover img { border-color: #444; } div.wide_section_list	{ display: block; float: right; height: 175px; overflow: hidden;  padding: 0px; margin: 0px; background: fff; text-align: center;} div.wide_section_list_item div.h3.product { background: transparent; text-align: center; margin: 0px; padding: 0px; } div.wide_section_list_item div h3.product a { font-size: 10pt; text-decoration: none; color: #444; background: transparent; margin: 0px; padding: 0px;} div.wide_section_list_item div h3.product a:hover { color:  #ff5235; } div.wide_section_list_item p	{ margin: 5px 0px; padding: 0px; font-size: 6pt;  overflow: hidden; } div.wide_section_list_item div.image_product	{ max-height: 100px; margin: 0px; } div.wide_section_list_item div.image_product a img { max-height: 110px; margin: 0px auto;padding:0px; border: 1px solid #ff5235; } div.wide_section_list_item div.image_product a:hover img { border-color: #444; }  .shoppingcart	{ width: 100%; border: 0px; background: url(/images/contentbg.png) no-repeat top right; } .shoppingcart th	{ padding: 3px; font-size: 10pt; text-transform: capitalize; } .shoppingcart table.checkout td { background-color: #ffffff; border-right: solid 1px #ffffff; border-bottom: solid 1px #ffffff; padding: 2px 2px; } table.checkout#idBothAddressesTable col { width: auto; } td#idCheckoutHelpLabel, table.checkout#idBothAddressesTable col.prompt { width: 130px; } .cart { background-color: #ffffff; border-bottom: solid 1px #aeb0d0; } .checkout-cartheading { font-weight: bold; background-color: #ffffff; border-top: solid 1px #aeb0d0; border-bottom: solid 1px #aeb0d0; } .shoppingcart .cart .cartimage	{ height: 30px; border: 1px solid #444; } /*	.shoppingcart .cart .quantity input { width: 30px; border: 1px solid #444; padding: 3px; font-family: verdana, Sans; } .shoppingcart .cart .details a	{ color: #444; text-decoration: none; border-bottom: 1px dotted #888; } */ .shoppingcart	{ width: 100%; border: 0px; background: url(/images/contentbg.png) no-repeat top right; } .shoppingcart th	{ padding: 3px; color: #444; font-size: 10pt; text-transform: lowercase; } .shoppingcart table.checkout td { background-color: #ffffff; border-right: solid 1px #ffffff; border-bottom: solid 1px #ffffff; padding: 2px 2px; } table.checkout#idBothAddressesTable col { width: auto; } td#idCheckoutHelpLabel, table.checkout#idBothAddressesTable col.prompt { width: 130px; } .cart { background-color: #ffffff; border-bottom: solid 1px #aeb0d0; } .checkout-cartheading { font-weight: bold; background-color: #ffffff; border-top: solid 1px #aeb0d0; border-bottom: solid 1px #aeb0d0; } .shoppingcart .cart .cartimage	{ height: 30px; border: 1px solid #444; display: none; } .shoppingcart .cart .descwrap { display: block; } .shoppingcart .cart .quantity { color: #fff; width: 30px; } .shoppingcart .cart .quantity input { width: 20px; border: 1px solid #444; padding: 3px; font-family: verdana, Sans; } .shoppingcart .cart .details { color: #f00; text-decoration: none; font-weight: bold; font-size: 10pt; border-bottom: 1px dotted #f00; } .shoppingcart .cart .details a	{ color: #444; text-decoration: none; border-bottom: 1px dotted #888; } div.subsectionlist { display: block; clear: right; } .productlist	{ display: block; clear: both; } div.r { margin: 2px; border: 1px solid #ff5235; background: #e5e5e5; padding: 5px; width:350px;} div.r p { text-align:center; font-weight:bold; } div.rl { margin: 2px; border: 1px solid #ff5235; background: #e5e5e5; padding: 5px; width:350px;} div.rl p { text-align:center; font-weight:bold; } div.rl h3{text-align:center; padding 0px; margin: 0px; line-height: 1.5em; } div.rmt {margin: 2px auto; border: 1px solid #ff5235; background: #e5e5e5; padding: 2px; width:350px;} div.rmt p { text-align:center; font-size: 9pt; font-weight:bold; } div.rmt p.plaincenter {font-weight:normal; } div.rmt h3 {text-align:center; margin-top:0px; margin-bottom: 0px; padding-top: 0.1em; padding-bottom: 0.1em;} div.rmt h4 {text-align:center; font-size:12pt;margin-bottom: 0px; padding-bottom: 0.25em;} div.rmr {margin: 2px auto; border: 2px solid #ff5235; background: #e5e5e5; padding: 5px; width:350px;} div.rmr h3 { text-align:center; font-size:12pt;margin-bottom: 0px; padding-bottom: 0.25em;} div.rw { border: 1px solid #ff5235; background: #e5e5e5; padding: 5px; width:520px;} .rw h5 {font-size: large;} .rw h6 {font-size: 1em; color: #ff5235;} .rw li {text-align: left; padding: 0px 5px;} div.rb { border: 1px solid #ff5235; background: #e5e5e5; padding: 5px; font-weight: bold; font-size: medium; overflow: auto; text-align: justify; } .rb a {float: left; margin-right: 5px; } .rb img {border: 0px;} .rb p { font-size: medium; }  .r h3	{padding: 2px 5px 3px 5px; margin: 0px; } .actrequired em { color: #ff5235; font-weight: bold; } .ext-info { display: block; text-decoration: underline; color: #284697; padding: 5px; font-size: 12pt; font-style: italic; } .shrinkme { height: 150px; display: block; width: 530px; overflow: hidden; } div.lbbox#freedel { text-align: center; font-size: 11pt; } #freedel strong	{ display: block; margin: 3px 0px; }		 #freedel img 		{ padding: 5px; background: #fff; }			 .optionslist ul { list-style: none; padding: 0px; margin: 0px; } .optionslist li { list-style: none; display: block; padding: 5px; margin: 0px; } .help	{ border: 1px solid #444; background: #ddd; padding: 10px; display: block; margin: 20px 0px 10px -325px; width: 650px; position: absolute; left: 50%; z-index: 100;} .help h3 { font-size: 18pt; text-decoration: underline; color: #284697; padding: 0px; margin: 5px 0px; display: block; } .help h4 { font-size: 14pt; color: #444; margin: 5px; display: block;} .help span { font-size: 9pt; color: #000; display: block; margin-bottom: 10px; }  #main.cartContentDiv #leftbar { display: block; position: absolute; top: 100px; left: 50%; margin: 0px  0px 0px -600px; text-align: right; } #main.cartContentDiv #leftbar * { text-align: right; } #main.cartContentDiv #leftbar ul.submenu, #main.cartContentDiv #leftbar ul.submenu li { display: none; text-align: left !important; z-index: 150 !important; } #main.cartContentDiv #bestSellers { display: none; } #main.cartContentDiv #newProducts { display: none; } #main.cartContentDiv #content { display: block; margin-bottom: 200px; } .marketing 	{ padding: 5px; font-size: 10pt; text-align: center; margin: auto;} .marketing img { margin: auto; text-align: center; } .marketing h6 { font-size: 12pt; font-weight: bold; } .marketing h4 { color: #284697; } #discount { font-size: 17pt; font-family: Trebuchet MS, Arial; color: #800; } div#banneroffer {width: 510px; height:auto; border: 1px solid #444; margin:5px; padding: 2px 10px; text-align: justify; background: url(/images/stripbg.jpg) repeat-x; } #banneroffer h1  {font-size: 14pt; text-align: center; color: #284697; line-height: 1em;  } #banneroffer h3  {font-size: 12pt; text-align: center; color: #284697; line-height: 1.5em; } #banneroffer p {text-align: center; } #banneroffer p.par {font-size: 8pt; text-align: center; color: #284697; font-style: italic; } .rrp { display: block; margin: 5px 0px 0px; font-size: 12pt; color: #666; border-bottom: 1px solid #c00; height: 8pt; overflow: visible; width: 170px; text-align: center; } .leadtime { display: block; margin: 5px 0px 0px; font-size: 7pt; color: #666; height: 8pt; overflow: visible; width: 200px; text-align: center; } table.brapalette {margin:0px; padding: 0px; border: solid 1px pink;} table.brapalette tr { height: 30px; } table.brapalette td {width: 30px;  border:solid 1px lime; text-align:center; vertical-align: center; padding:0px; margin:0px;} /* Start of styles new to v9 */ /* Styles for 'Best Seller List in Boxes' and 'New Products List in Boxes' used on the brochure home page */ .heading_marketing_box	{ border: 2px solid #ff0000; width: 229px; margin: 0px 20px 14px 0px; } .heading_marketing_box p.text_product_small_info_heading	{ background-color: #ff0000; border-bottom: 2px solid #ff0000; color: #ffffff; font-weight: 900; font-size: 11px; background-image: url('theme_marketing_header.gif'); margin: 0px; padding: 4px 0px 0px 8px; height: 20px; } .heading_marketing_box	p{ padding: 8px; } .heading_marketing_box .product_image_cost	{ padding: 8px; } /* Rounded header and footer used around the bulk areas in 'Expert' and 'Hotshot' themes, but also used in the lists that have 'Rounded Corners' in the name */ .rounded-heading { background-image: url('theme_curve2.gif'); background-repeat: no-repeat; background-position: top right; } .rounded-heading p.spacer { margin: 0; padding: 3px 0; background-image: url('theme_curve1.gif'); background-repeat: no-repeat; margin-right: 10px; color: #ffffff; } .rounded-footer { background-image: url('expert_rounded_bottom_right.gif'); background-repeat: no-repeat; background-position: bottom right; } .rounded-footer p.spacer { margin: 0; padding: 3px 0; background-image: url('expert_rounded_bottom_left.gif'); background-position: bottom left; background-repeat: no-repeat; margin-right: 10px; color: #ffffff; } .indented-link a { display: block; background-color: #fff; width: 140px; padding: 5px 0 5px 30px; font-weight: bold; text-decoration: none; border-bottom: solid 1px #ff0000; } .indented-link a:hover { background-color: #0000ff; } /* Style for the 'Graduated Background' for Top Level Section lists and Brochure Page lists */ .graduated-link a { display: block; padding: 5px 0 5px 30px; font-weight: bold; text-decoration: none; border: solid 1px #0000ff; border-bottom: 0; border-right: 0; background-image: url('prime_link_background.gif'); background-repeat: no-repeat; } /* Style for the 'Shaded Background' for Top Level Section lists and Brochure Page lists */ .hotshot-link a { display: block; padding: 5px 0 5px 30px; font-weight: bold; text-decoration: none; border-bottom: solid 1px #ffffff; } .hotshot-link a:hover { background-image: url('hotshot-link-highlight.gif'); background-repeat: no-repeat; } .hotshot-box-main { background-image: url('hotshot-box-main.gif'); background-position: bottom; width: 170px; } .hotshot-box-content { background-image: url('hotshot-box-top.gif'); background-repeat: no-repeat; padding: 10px;	 } /* Styles for 'Quick Search Bar With Curved Box' layout */ .formbox1 { padding: 0px; margin: 0px; border: 0px; background-image: url('theme-rounded-searchfield-left.gif'); padding-left: 10px; background-repeat: no-repeat; margin-bottom: 5px; } .formbox2 { padding: 0px; margin: 0px; border: 0px; height: 19px; background-image: url('theme-rounded-searchfield-right.gif'); background-position: right; background-repeat: no-repeat; padding-right: 10px; } .inputfield { padding: 0px; margin: 0px; margin-top: 1px; border: 0px; font-size: 12px; } /* Drop down menus used for top level section lists and brochure page lists in the 'Corporation' and 'Premier' theme */ #corporate_top_menu, #corporate_top_menu ul { /* main menu lists */ padding: 0px; margin: 0px 0px 0px 0px; list-style: none; line-height: 1; font-size: 11px;	 } #corporate_top_menu a { display: block; color: #ffffff; padding: 3px 6px 3px 13px; margin: 0; font-size: 11px;	 text-decoration: none; background-image: url('theme_arrow.gif'); background-position: left; background-repeat: no-repeat; background-color: #00ff00; border-right: 1px solid #000000;		 } #corporate_top_menu li a:hover { display: block; color: #ffffff; padding: 3px 6px 3px 13px; margin: 0; font-size: 11px;	 text-decoration: none; background-image: none; background-color: #ff0000; background-image: url('theme_arrow.gif'); background-position: left; background-repeat: no-repeat; } #corporate_top_menu li { /* all list items */ float: left; padding: 0px; margin: 0; list-style-image: none; line-height: 18px; } #corporate_top_menu li ul { /* second-level lists */ font-size: 100%; width: 150px;  display: block; position: absolute; margin: 0px 0px 0px -2px; border-top: 1px solid #000000; list-style-image: none; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } #corporate_top_menu li ul li { /* second-level lists */ width: 150px;  display: block; background-image: none; background-color: #00ff00; border-bottom: 1px solid #000000; } #corporate_top_menu li ul li a { /* second-level lists */ background-image:none; padding: 3px 6px 4px 6px; line-height: 150%; display: block; border-left: 1px solid #000000; border-right: 1px solid #000000; } #corporate_top_menu li ul li a:hover { /* second-level lists */ display: block; border-left: 1px solid #000000; border-right: 1px solid #000000; padding: 3px 6px 4px 6px; background-image:none; background-color: #ff0000; } #corporate_top_menu li ul ul { /* third-and-above-level lists */ margin: -24px 0px 0px 149px; } #corporate_top_menu li:hover ul ul, #corporate_top_menu li.sfhover ul ul { left: -999em; } #corporate_top_menu li:hover ul, #corporate_top_menu li li:hover ul, #corporate_top_menu li.sfhover ul, #corporate_top_menu li li.sfhover ul { /* lists nested under hovered list items */ left: auto; } .corporate_pages_menu ul { /* brochure list */ padding: 0px; margin: 0px 0px 0px 0px; line-height: 1; font-size: 11px;	 list-style-image: none; } .corporate_pages_menu ul li { display: block; background-image:none; background-color: #00ff00; border-bottom: 1px solid #000000; } .corporate_pages_menu li a { color: #ffffff; background-image:none; padding: 3px 6px 4px 6px; line-height: 150%; display: block; } .corporate_pages_menu li a.product_section { color: #ffffff } .corporate_pages_menu li a:hover { color: #ffffff; display: block; padding: 3px 6px 4px 6px; background-image: none; background-color: #ff0000; } /* These layout selectors bring in styles for specific themes, that are ONLY used by that theme. */ /* If you are not using these themes, you can safely remove this code */ /* Styles specific to Expert theme */ #expert-container { width: 960px; } #expert-quicksearch { position: absolute; top: 0; right: 100px; z-index: 100; width: 314px; height: 24px; background-image: url('expert_search_background.gif'); } #expert-quicksearch input.actinic-button { padding: 0px 3px; margin: 0px; border: solid 1px #ffffff; color: #ffffff; background-color: #ff0000; font-size: 11px; } #expert-quicksearch form { margin: 0; margin-left: 20px; padding: 0; } #expert-topbar { margin: 0; border-top: solid 10px #00ff00; background-image: url('theme_topbar_background.gif'); background-repeat:repeat-x; background-position: bottom; height: 100px; } #expert-logo { width: 400px; height: 80px; overflow: hidden; position: absolute; top: 25px; left: 15px; } #expert-navbar { margin: 40px 20px 0 0; float: right; } #expert-parent-sections-bar { width: auto; height: 30px; padding: 5px 0px 0px 20px; } #expert-left-bar { margin: 0 15px 15px 15px; float: left; width: 170px; } #expert-right-bar { margin: 0; float: left; width: 141px; } #expert-bulk-area { margin: 0 15px 15px 0; padding: 0; float: left; width: 600px; } #expert-content { margin: 10px 0; padding: 0; border: 0; } /* End of styles for Expert theme */ /* Start of Styles for Hotshot Theme */ #hotshot-outer-border { width: 1000px; margin: 0 auto; padding: 0; border: solid 5px #0000ff; border-top: 0; } #hotshot-border { background-color: #fff; width: auto; margin: 0; padding: 0; border: solid 1px #ff0000; border-top: 0; } #hotshot-margin { margin: 0 15px 15px 15px; } #hotshot-topbar { margin: 0; border-top: solid 10px #ff0000; height: 20px; background-image:url('theme_topbar_background.gif'); background-repeat:repeat-x; text-align: right; } #hotshot-topbar p { margin: 0 5px 0 0; } #hotshot-logobar { margin: 0; height: 80px; background-image:url('theme_secondbar_background.gif'); border-bottom: solid 2px #00ff00; } #hotshot-logo { margin: 0 0 15px 15px; float: left; width: 700px; height: 75px; overflow: hidden; } #hotshot-quicksearch { float: right; margin-top: 20px; margin-right: 5px; } #hotshot-quicksearch form { margin: 0 20px 0 0; padding: 0; } #hotshot-navbar { margin: 0; height: 18px; background-image:url('hotshot-navbar-background.gif'); background-position: right; background-repeat: no-repeat; clear: both; text-align: right; padding-top: 3px; } #hotshot-navbar p { margin: 0; } #hotshot-navbar p a { color: #ffffff; text-decoration: none; padding: 0px 10px; margin: 0 2px; font-size: 13px; } #hotshot-navbar p a:hover { background-color: #00ff00; } #hotshot-left-bar { margin: 15px 15px 15px 0 ; float: left; width: 170px; } #hotshot-bulk-area { margin: 15px 13px 15px 0; float: left; width: 600px; } #hotshot-right-bar { margin: 15px 0 15px 0; float: left; width: 170px; } /* End of Styles for Hotshot Theme */ /* Start of Styles for Prime Theme */ #prime-container { width: 956px; margin: 0 auto 0 auto; } #prime-top-bar { width: 956px; height: 102px; background-image: url('theme_topbar_background.gif'); clear: both; } #prime-logo-image { float: right; margin: 20px 20px 0 0; clear: both; text-align: right; width: 550px; height: 75px; overflow: hidden; } #prime-navbar { width: 956px; height: 26px; background-image: url('prime_nav_bar.gif'); text-align: right; clear: both; } #prime-navbar p { padding-top: 5px; padding-bottom: 0; } #prime-navbar a { color: #ffffff; text-decoration: none; padding: 0px 10px; margin: 0 2px; font-size: 13px; } #prime-navbar a:hover { color: #ff0000; background-color: #00ff00; } #prime-second-bar { width: 956px; height: 34px; background-image: url('theme_secondbar_background.gif'); } #prime-second-bar form { padding: 6px 0 0 20px; } #prime-left-bar { margin: 0 15px 15px 0; float: left; width: 170px; } #prime-right-bar { margin: 0 0 0 0; float: left; width: 141px; } #prime-bulk-area { margin: 0 15px 15px 0; padding: 0; float: left; width: 615px; } /* End of Styles for Prime Theme */ /* Start of styles for Reflective Theme */ /* main structural elements -------------------------------------------- */ #reflective_header { padding: 0px; width: 962px; height: 56px; text-align: right; margin: 0 auto 0 auto; background:url('theme_topbar_background.gif'); } #reflective_main_content { padding: 0px; width: 956px;	 text-align: left; border-right: 2px solid #0000ff; border-left:  2px solid #0000ff; margin: 0 auto 0 auto; background-color: #ffffff; } #reflective_logo_image { float: left; margin: 8px 0px 0px 8px; text-align: left; height: 45px; width: 325px; overflow: hidden; } #reflective_main_content_background	{ background-color: #ffffff; } /* footer structural elements -------------------------------------------- */	 #reflective_footer	{ margin: 0px 0px 0px 0px; padding-bottom: 0px; width: 961px; background-image:url('theme_bottombar_background.gif'); height:22px; margin:0 auto; text-align: left; } #reflective_footer	p{ font-size: 10px; line-height: 12px; margin: 0px; padding: 4px 8px 2px 12px; color: #ffffff;	 } #reflective_footer	a{ color: #ffffff; text-decoration: underline; } /* end footer structural elements -------------------------------------------- */	 /* left col structural elements -------------------------------------------- */	 #reflective_main_content_background_left_menu	{ float: left;  width: 138px; margin-bottom: 20px; background-color:#ff0000; background-image: none; } #reflective_main_content_background_left_menu H3{	 background-color:#ff0000; color: #ffffff; font-weight: 400; width: 130px; font-size: 11px; background-image: url('reflective_sidebar_header.gif'); margin: 0px; padding: 4px 0px 0px 8px; height: 20px; } .reflective_sidebar_marketing_box	{ border-bottom: 1px solid #ff0000; margin: 0px 1px 0px 1px; background-color:#ffffff; } .reflective_sidebar_marketing_box	p{ padding: 8px; } .reflective_sidebar_marketing_box .product_image_cost	{ padding: 8px 0px 0px 8px; text-align: left; float: none; } #reflective_menu_left_footer	{ background-image: url('reflective_sidebar_footer.gif'); height: 25px; background-color:#ff0000; } /* end left col structural elements -------------------------------------------- */	 /* right col structural elements -------------------------------------------- */	 #reflective_main_content_background_right_col	{ float: right; width: 745px; background-color: #ffffff; padding: 30px 35px 30px 35px; } /* end right col structural elements -------------------------------------------- */ /*top menu items -------------------------------------- */ #reflective_top_menu_padding	{ padding: 29px 10px 0px 3px; margin: 0px; } #reflective_menu_top, #reflective_menu_top ul { /* all lists */ width: 580px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style: none; line-height: 1; font-size: 11px; float: right; } #reflective_menu_top   input.main_search_box	{ line-height: 120%; width: 120px; height: 16px; margin: 3px 0px 3px 3px; padding: 0px 0px 0px 2px; font-size : 11px; background-color: #0000ff; border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #0000ff; border-bottom: 1px solid #0000ff; color: #000000; vertical-align: top; } #reflective_menu_top  input.button{ color: #ffffff; margin: 0px 0px 0px 0px; font-size: 11px; background-color: transparent; border: none; padding: 5px 6px 5px 24px; background-image:url('theme_icon_search.gif'); } #reflective_menu_top  input.button:hover{ border:none; background-color: transparent; cursor: hand; background-image:url('theme_icon_search_highlight.gif'); } #reflective_menu_top a { /* button formatting no icon */ display: block; color: #ffffff; padding: 3px 7px 3px 7px; margin: 0; font-size: 11px;	 text-decoration: none; background-image:url('reflective_button_bg.gif'); border-right: 1px solid #000000; border-left: 1px solid #0000ff; } #reflective_menu_top li a:hover { /* button formatting no icon */ background-image:url('reflective_button_bg_highlight.gif'); } #reflective_menu_top a.reflective_cart { /* cart button formatting */ background-image:url('theme_icon_cart.gif'); padding-left: 24px; } #reflective_menu_top a.reflective_cart:hover { /* cart button formatting */ background-image:url('theme_icon_cart_highlight.gif'); padding-left: 24px; } #reflective_menu_top a.checkout { /* checkout button formatting */ background-image:url('theme_icon_checkout.gif'); padding-left: 24px; } #reflective_menu_top a.checkout:hover { /* checkout button formatting */ background-image:url('theme_icon_checkout_highlight.gif'); padding-left: 24px; } #reflective_menu_top li.items_value { /* shopping cart summary */ float: left; padding: 3px 7px 3px 7px; margin: 0; list-style-image: none; line-height: 18px; color: #ffffff; background-image:url('reflective_button_bg.gif'); } #reflective_menu_top a.login { /* login button formatting */ background-image:url('theme_icon_login.gif'); padding-left: 24px; } #reflective_menu_top a.login:hover { /* login button formatting */ background-image:url('theme_icon_login_highlight.gif'); padding-left: 24px; } #reflective_menu_top li { /* all list items */ float: left; padding: 0px; margin: 0; list-style-image: none; line-height: 18px; border-top: 1px solid #0000ff; } #reflective_menu_top li.spacing { /* spacing for list items */ border-top: none; width: 10px; } #reflective_menu_top li.search_box { /* search box formatting */ background-image:url('reflective_button_bg.gif'); height: 24px; border-left: 1px solid #0000ff; } #reflective_menu_top li.search_box_button { /* search box formatting */ background-image:none; height: 24px; border-right: 1px solid #000000; } #reflective_menu_top li ul { /* second-level lists */ font-size: 100%; width: 150px;  display: block; position: absolute; margin: 0px 0px 0px 0px; border-top: 1px solid #0000ff; list-style-image: none; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } #reflective_menu_top li ul li { /* second-level lists */ width: 150px;  display: block; background-color: #ff0000; border-bottom: 1px solid #000000; background-image:url('reflective_button_bg.gif'); } #reflective_menu_top li ul li a { /* second-level lists */ background-image:none; padding: 3px 6px 4px 6px; line-height: 150%; display: block; border-left: 1px solid #0000ff; border-right: 1px solid #000000; } #reflective_menu_top li ul li a:hover { /* second-level lists */ display: block; border-left: 1px solid #0000ff; border-right: 1px solid #000000; padding: 3px 6px 4px 6px; } #reflective_menu_top li ul ul { /* third-and-above-level lists */ margin: -24px 0px 0px 149px; } #reflective_menu_top li:hover ul ul, #reflective_menu_top li.sfhover ul ul { left: -999em; } #reflective_menu_top li:hover ul, #reflective_menu_top li li:hover ul, #reflective_menu_top li.sfhover ul, #reflective_menu_top li li.sfhover ul { /* lists nested under hovered list items */ left: auto; } /* end top menu items -------------------------------------- */ /* left top menu items -------------------------------------- */ #reflective_menu_left_top, #reflective_menu_left_top ul { /* all lists */ padding: 0px; margin: 0px; list-style: none; float: left; width: 136px; } #reflective_menu_left_top li { /* all list items */ position: relative; float: left; line-height: 21px; margin: 0px 0px -1px 0px; width: 136px; } #reflective_menu_left_top a { color: #ffffff; background-color: #ff0000;	 background-image:url('theme_arrow.gif'); padding: 0px 6px 0px 14px; margin: 1px; font-size: 11px; text-decoration: none; display: block; width: 116px; } #reflective_menu_left_top li a:hover { color: #ffffff; padding: 0px; margin: 1px; padding: 0px 6px 0px 14px; font-size: 11px;	 background-color:#00ff00; background-image:url('theme_arrow_highlight.gif'); text-decoration: none; } #reflective_menu_left_top li ul { /* second-level lists */ font-size: 100%; width: 210px;  display: block; position: absolute; margin: -21px 0px 0px 136px; padding: 0px; list-style-image: none; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } #reflective_menu_left_top li ul li { /* second-level lists */ width: 198px;  display: block;	 } #reflective_menu_left_top li ul li a { /* second-level lists */ background-image:none; margin: 0px; padding: 1px 6px 0px 6px; display: block; width: 186px; background-image:url('reflective_menu_bg.gif'); } #reflective_menu_left_top li ul li a:hover { /* second-level lists */ background-image:none; margin: 0px; padding: 1px 6px 0px 6px; display: block;	 width: 186px; background-image:url('reflective_menu_bg.gif'); } #reflective_menu_left_top li ul ul { /* third-and-above-level lists */ margin: -21px 0px 0px 198px; } #reflective_menu_left_top li:hover ul ul, #reflective_menu_left_top li.sfhover ul ul { left: -999em; } #reflective_menu_left_top li:hover ul, #reflective_menu_left_top li li:hover ul, #reflective_menu_left_top li.sfhover ul, #reflective_menu_left_top li li.sfhover ul { /* lists nested under hovered list items */ left: auto; } .reflective_menu_left_top_other, .reflective_menu_left_top_other ul { /* all lists */ padding: 0px; margin: 0px; list-style: none; float : left; width : 136px; } .reflective_menu_left_top_other li { /* all list items */ position : relative; float : left; line-height : 21px; margin: 0px 0px -1px 0px; width : 136px; } .reflective_menu_left_top_other a { color: #ffffff; background-color: #0000ff;	 background-image:url('reflective_menu_bg.gif'); padding: 0px 6px 0px 14px; margin: 1px; font-size: 11px; text-decoration: none; display: block; width: 116px; } .reflective_menu_left_top_other li a:hover { color: #ffffff; padding: 0px; margin: 1px; padding: 0px 6px 0px 14px; font-size: 11px;	 background-color:#00ff00; background-image:url('reflective_menu_bg_highlight.gif'); text-decoration: none; } #reflective_menu_left_top_products, #reflective_menu_left_top_products ul { /* all lists */ padding: 0px; margin: 0px; list-style: none; float : left; width : 136px; } #reflective_menu_left_top_products li { /* all list items */ position : relative; float : left; line-height : 21px; margin: 0px 0px -1px 0px; width : 136px; } #reflective_menu_left_top_products a { color: #ffffff; background-color: #ff0000;	 background-image:url('reflective_menu_bg.gif'); padding: 0px 6px 0px 14px; margin: 1px; font-size: 11px; text-decoration: none; display: block; width: 116px; } #reflective_menu_left_top_products li a:hover { color: #ffffff; padding: 0px; margin: 1px; padding: 0px 6px 0px 14px; font-size: 11px;	 background-color:#00ff00; background-image:url('reflective_menu_bg_highlight.gif'); text-decoration: none; } /*sub menus begin */ #reflective_menu_left_top_products li ul { /* second-level lists */ font-size: 100%; width: 210px;  display: block; position: absolute; margin: -21px 0px 0px 136px; padding: 0px; list-style-image: none; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } #reflective_menu_left_top_products li ul li { /* second-level lists */ width: 198px;  display: block;	 } #reflective_menu_left_top_products li ul li a { /* second-level lists */ background-image:none; margin: 0px; padding: 1px 6px 0px 6px; display: block; width: 186px; background-image:url('reflective_menu_bg.gif'); } #reflective_menu_left_top_products li ul li a:hover { /* second-level lists */ background-image:none; margin: 0px; padding: 1px 6px 0px 6px; display: block;	 width: 186px; background-image:url('reflective_menu_bg.gif'); } #reflective_menu_left_top_products li ul ul { /* third-and-above-level lists */ margin: -21px 0px 0px 198px; } #reflective_menu_left_top_products li:hover ul ul, #reflective_menu_left_top_products li.sfhover ul ul { left: -999em; } #reflective_menu_left_top_products li:hover ul, #reflective_menu_left_top_products li li:hover ul, #reflective_menu_left_top li.sfhover ul, #reflective_menu_left_top li li.sfhover ul { /* lists nested under hovered list items */ left: auto; } /*sub menus end */ /* end top menu items -------------------------------------- */ /* End of styles for Reflective Theme */ /* Start of styles for Corporation Theme */ /* main structural elements -------------------------------------------- */ #corporate_main_container_menu { padding: 0px; width: 962px; text-align: left; margin:0 auto 0 auto; } #corporate_main_container { padding: 0px; width: 956px;	 text-align: left; border-right: 3px solid #000000; border-left: 3px solid #000000; margin:0 auto 0 auto; background-color: #ffffff; } #corporate_logo_image { position: absolute; z-index: 10; width: 650px; height: 72px; overflow: hidden; } #corporate_main_structure_menu	{ margin: 0px 0px 0px 0px; height: 100px; clear: both; background-image:url('corporate_black_header.gif'); } #corporate_main_structure_menu_padding	{ padding: 74px 0px 0px 3px; } #corporate_main_structure_menu_background	{ width: 956px; background-color: #ff0000; border-bottom: 2px solid #000000; height: 24px; } #corporate_main_structure_page_content_container { margin: 0px 0px 0px 0px; padding: 0px 0px 16px 0px; width: 956px; background-color: #ffffff; clear: both; background-image:url('theme_main_background.gif'); } #corporate_main_structure_page_content_container_spacing	{ padding: 0px 20px 0px 20px; } #corporate_banner	{ border-bottom: 1px solid #000000; width: 956px; height: 92px;  } #corporate_banner	p { float: right; color: #ffffff; font-weight: bold; margin-right: 10px; padding-top: 35px; font-size: 16px; }	 /* footer structural elements -------------------------------------------- */		 #corporate_main_structure_footer	{ margin: 0px 0px 0px 0px; padding-bottom: 0px; width: 962px; background-image:url('corporate_black_footer.gif'); height: 27px; margin:0 auto 0 auto; text-align: right; } #corporate_main_structure_footer	p{ font-size: 10px; line-height: 12px; margin: 0px; padding: 7px 8px 2px 12px; color: #0000ff;	 } #corporate_main_structure_footer	a{ color: #0000ff; text-decoration: none; } /* end footer structural elements -------------------------------------------- */	 /* left col home structural elements -------------------------------------------- */	 /* two column pages -------------------------------------------- */	 #corporate_main_structure_left_col_container { float: left;  width: 274px; }		 #corporate_main_structure_left_col_container h1 { font-size: 11px; color: #ffffff; margin: 0px 0px 0px 0px; padding: 5px 6px 5px 10px; font-weight: 900; background-color:	#ff0000; border-bottom: 1px solid #000000; }		 .corporate_products_box	{ margin: 0px;	 padding: 8px 8px 0px 8px; } .corporate_products_box	p{ padding: 4px 8px 0px 8px; margin: 0px; } .corporate_products_box	.product_image_cost { padding: 4px 8px 0px 8px; } /* end left col home structural elements -------------------------------------------- */	 /* right home col structural elements -------------------------------------------- */	 #corporate_main_structure_page_right_col_container { margin: 0px 0px 0px 0px; width: 680px; float: right; border-left: 2px solid #000000; padding: 0px; } #corporate_main_structure_page_right_col_container_content	{ padding: 20px 20px 20px 20px; } /* right col general pages structural elements -------------------------------------------- */		 #corporate_breadcrumbs { background-color: #000000; height: 26px; background-image:url('theme_arrow.gif'); background-position:left; background-repeat:no-repeat; } #corporate_breadcrumbs	p { color: #ffffff; padding: 5px 4px 0px 14px; margin: 0px; } #corporate_breadcrumbs	a { color: #ffffff; padding: 0px 0px 0px 0px; } /* end right col general pages structural elements -------------------------------------------- */	 /* end right home col structural elements -------------------------------------------- */	 /*list style menu items search -------------------------------------- */ #corporate_menu_search, #corporate_menu_search ul { /* quick search */ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style: none; line-height: 1; font-size: 11px; float: right; background-color: #00ff00; } #corporate_menu_search   input.main_search_box	{ /* quick search */ line-height: 120%; width: 120px; height: 16px; margin: 3px 0px 0px 3px; padding: 0px 0px 0px 2px; font-size : 11px; background-color: #ffffff; border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; color: #000000; vertical-align: top; } #corporate_menu_search  input.button{ /* quick search */ color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px 4px 0px 18px; font-size: 11px; background-color: #00ff00; border: none; height: 24px; background-image: url('theme_icon_search.gif'); background-repeat: no-repeat; background-position: left; } #corporate_menu_search  input.button:hover{ /* quick search */ border:none; background-color: #ff0000; cursor: hand; background-image:url('theme_icon_search.gif'); } #corporate_menu_search li { /* all list items */ float: left; padding: 0px; margin: 0; list-style-image: none; line-height: 18px; } #corporate_menu_search li.spacing { /* spacing for list items */ border-top: none; width: 10px; } #corporate_menu_search li.search_box { /* search box formatting */ height: 24px; border-left: 1px solid #000000; } #corporate_menu_search li.search_box_button { /* search box formatting */ background-image:none; height: 24px; } /*list style menu items cart & login -------------------------------------- */ #corporate_cart_login_menu, #corporate_cart_login_menu ul { /* top right functions */ padding: 0px 0px 0px 0px; margin: 51px 0px 0px 0px; list-style: none; line-height: 1; font-size: 11px; float: right; } #corporate_cart_login_menu li { /* top right functions */ float: left; padding: 0px; margin: 0; list-style-image: none; line-height: 18px; color: #ffffff; } #corporate_cart_login_menu li.items_value { /* shopping cart summary */ float: left; padding: 1px 7px 1px 7px; margin: 0; list-style-image: none; line-height: 18px; color: #ffffff; background-color: #00ff00; border-right: 1px solid #000000; } #corporate_cart_login_menu a { /* top right functions */ display: block; color: #ffffff; padding: 1px 7px 1px 7px; margin: 0; font-size: 11px;	 text-decoration: none; background-image:none; background-color: #00ff00; border-right: 1px solid #000000; } #corporate_cart_login_menu li a:hover { /* top right functions */ background-image:none; background-color: #ff0000; } #corporate_cart_login_menu a.cart { /* cart button formatting */ background-image:url('theme_tab2_left.gif'); padding-left: 8px; background-position:left; background-repeat:no-repeat; } #corporate_cart_login_menu a.cart:hover { /* cart button formatting */ background-image:url('theme_tab1_left.gif'); } #corporate_cart_login_menu a.login { /* login button formatting */ background-image:url('theme_icon_login.gif'); padding-left: 16px; background-position:left; background-repeat:no-repeat; border-right: 3px solid #000000; } #corporate_cart_login_menu a.login:hover { /* login button formatting */ background-image:url('theme_icon_login.gif'); } #corporate_cart_login_menu li ul { /* second-level lists */ font-size: 100%; width: 150px;  display: block; position: absolute; margin: 0px 0px 0px 0px; border-top: 1px solid #000000; list-style-image: none; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } #corporate_cart_login_menu li ul li { /* second-level lists */ width: 150px;  display: block; background-image:none; background-color: #00ff00; border-bottom: 1px solid #000000; } #corporate_cart_login_menu li ul li a { /* second-level lists */ background-image:none; padding: 3px 6px 4px 6px; line-height: 150%; display: block; border-left: 1px solid #000000; border-right: 1px solid #000000; } #corporate_cart_login_menu li ul li a:hover { /* second-level lists */ display: block; border-left: 1px solid #000000; border-right: 1px solid #000000; padding: 3px 6px 4px 6px; background-image: none; background-color: #ff0000; } #corporate_cart_login_menu li ul ul { /* third-and-above-level lists */ margin: -24px 0px 0px 149px; } #corporate_cart_login_menu li:hover ul ul, #corporate_cart_login_menu li.sfhover ul ul { left: -999em; } #corporate_cart_login_menu li:hover ul, #corporate_cart_login_menu li li:hover ul, #corporate_cart_login_menu li.sfhover ul, #corporate_cart_login_menu li li.sfhover ul { /* lists nested under hovered list items */ left: auto; } /* End of styles for Corporation theme */ /* Start of styles for Premier theme */ /* main structural elements -------------------------------------------- */ #premier_main_container_menu { padding: 0px; width: 962px; text-align: left; margin: 0 auto 0 auto; } #premier_main_container { padding: 0px; width: 954px;	 text-align: left; border-right: 4px solid #ff0000; border-left: 4px solid #ff0000; margin: 0 auto 0 auto; background-color: #ffffff; background-image:url('theme_main_background.gif'); } #premier_logo_image { position: absolute; margin: 10px 0px 0px 10px; width: 944px; height: 58px; overflow: hidden; } #premier_main_structure_menu	{ margin: 0px 0px 0px 0px; clear: both; background-image:url('premier_header.gif'); } #premier_main_structure_menu_padding	{ padding: 74px 4px 0px 4px; } #premier_main_structure_menu_background	{ background-color: #333333; padding: 0px; background-image: url('theme_main_background.gif'); background-repeat: repeat-x; background-position:top; height: 25px; border-bottom: 3px solid #333333; } #premier_main_structure_menu_background_shadow	{	 border-bottom: 2px solid #d8d8d8; } #premier_main_structure_page_content_container { margin: 0px 0px 0px 0px; padding: 0px 0px 16px 0px; width: 954px; background-color: #ffffff; clear: both; background-image:url('premier_background.gif'); } #premier_main_structure_page_content_container_spacing	{ padding: 0px 20px 0px 20px; } /* footer structural elements -------------------------------------------- */		 #premier_main_structure_footer	{ margin: 0px 0px 0px 0px; padding-bottom: 0px; width: 962px; background-image:url('premier_footer.gif'); height: 22px; margin: 0 auto 0 auto; text-align: left; } #premier_main_structure_footer	p{ font-size: 10px; line-height: 12px; margin: 0px; padding: 5px 8px 5px 12px; color: #d9d9d9;	 } #premier_main_structure_footer	a{ color: #d9d9d9; text-decoration: none; } /* end footer structural elements -------------------------------------------- */	 /* left col structural elements -------------------------------------------- */	 #premier_main_content_background_left_column	{ float: left;  width: 160px; margin-bottom: 20px; background-image: none; margin: 30px 0px 0px 0px; } #premier_main_content_background_left_column_content_shadow	{ border-bottom: 2px solid #d8d8d8; border-right: 2px solid #d8d8d8; } #premier_main_content_background_left_column H3{	 background-color: #ff0000; color: #ffffff; font-weight: 400; font-size: 11px; margin: 0px; padding: 4px 0px 0px 8px; border-top: 1px solid #333333; border-right: 1px solid #333333;	 border-bottom: 1px solid #333333; height: 20px; } .premier_marketing_box	{ border-bottom: 1px solid #333333; border-right: 1px solid #333333;	 margin: 0px 0px 0px 0px; background-color: #ffffff; } .premier_marketing_box p.text_product_small_info_heading	{ font-weight: 900; border-bottom: 1px solid #333333; color: #ffffff; font-size: 11px; margin: 0px; background-color: #00ff00; padding: 6px 6px 6px 8px; } .premier_marketing_box	p{ margin: 0; padding: 8px; } .premier_marketing_box	.product_image_cost{ padding: 8px; } .premier_marketing_box	p.text_product_small_info{ padding: 8px; clear: both; } /* end left col structural elements -------------------------------------------- */	 /* right col structural elements -------------------------------------------- */	 #premier_main_content_background_right_col	{ float: right; width: 723px; background-color: #ffffff; padding: 30px 35px 30px 35px; } /* end right col structural elements -------------------------------------------- */ /* image elements -------------------------------------------- */ .premier_image_homepage_product_overview	{ float: right; margin: 0px 0px 15px 20px; } /* end image elements -------------------------------------------- */ /*list style menu items -------------------------------------- */ #premier_top_menu, #premier_top_menu ul { /* main menu lists */ padding: 0px; margin: 0px 0px 0px 0px; list-style: none; line-height: 1; font-size: 11px; } #premier_top_menu a { display: block; color: #ffffff; padding: 3px 6px 3px 6px; margin: 0px; font-size: 11px;	 text-decoration: none; background-color: #00ff00; border-right: 1px solid #333333;		 } #premier_top_menu li a:hover { display: block; color: #ffffff; padding: 3px 6px 3px 6px; margin: 0; font-size: 11px;	 text-decoration: none; background-color: #ff0000; } #premier_top_menu li { /* all list items */ float: left; padding: 0px; margin: 0; list-style-image: none; line-height: 18px; border-top: 1px solid #333333;	 } #premier_top_menu li ul { /* second-level lists */ font-size: 100%; width: 150px;  display: block; position: absolute; margin: 0px 0px 0px -1px; border-bottom: 1px solid #333333; list-style-image: none; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } #premier_top_menu li ul li { /* second-level lists */ width: 150px;  display: block; background-color: #00ff00; border-bottom: none; } #premier_top_menu li ul li a { /* second-level lists */ background-image:none; padding: 3px 6px 4px 6px; line-height: 150%; display: block; border-left: 1px solid #333333; border-right: 1px solid #333333; } #premier_top_menu li ul li a:hover { /* second-level lists */ display: block; border-left: 1px solid #333333; border-right: 1px solid #333333; padding: 3px 6px 4px 6px; } #premier_top_menu li ul ul { /* third-and-above-level lists */ margin: -24px 0px 0px 149px; } #premier_top_menu li:hover ul ul, #premier_top_menu li.sfhover ul ul { left: -999em; } #premier_top_menu li:hover ul, #premier_top_menu li li:hover ul, #premier_top_menu li.sfhover ul, #premier_top_menu li li.sfhover ul { /* lists nested under hovered list items */ left: auto; } /*list style menu items top right -------------------------------------- */ #premier_menu_top_right, #premier_menu_top_right ul { /* all lists */ width: 510px; padding: 0px; margin: 0px 0px 0px 0px; list-style: none; line-height: 1px; font-size: 11px;		 float: right; } #premier_menu_top_right   input.main_search_box	{  /* search box formatting */ line-height: 120%; width: 120px; height: 18px; margin: 0px 0px 0px 0px; padding: 4px 0px 0px 5px; font-size : 10px; background-color: #0000ff; border: none; color: #000000; vertical-align: top; } #premier_menu_top_right  input.button{  /* search box formatting */ color: #ffffff; margin: 0px 0px 0px 0px; font-size: 11px; height: 24px; background-color: #ff0000; border: none; padding: 4px 6px 4px 6px; } #premier_menu_top_right  input.button:hover{  /* search box formatting */ border:none; background-color: transparent; cursor: hand; background-color: #00ff00; } #premier_menu_top_right a { /* button formatting no icon */ display: block; color: #ffffff; padding: 3px 6px 3px 6px; margin: 0; font-size: 11px;	 text-decoration: none; background-color: #ff0000; border-right: 1px solid #333333;		 } #premier_menu_top_right li a:hover { /* button formatting no icon */ display: block; color: #ffffff; padding: 3px 6px 3px 6px; margin: 0; font-size: 11px;	 text-decoration: none; background-color: #00ff00; } #premier_menu_top_right li.items_value { /* all list items */ float: left; padding: 3px 7px 3px 7px; margin: 0; list-style-image: none; line-height: 18px; color: #ffffff; background-color: #ff0000; border-right: 1px solid #333333;	 } #premier_menu_top_right a.login { /* login button formatting */ background-image: url('theme_icon_login.gif'); background-repeat: no-repeat; background-position:left; padding-left: 20px; border-left: 1px solid #333333;	 border-right: none; } #premier_menu_top_right a.login:hover { /* login button formatting */ background-image:url('theme_icon_login.gif'); padding-left: 20px; border-right: none; } #premier_menu_top_right li { /* all list items */ float: left; padding: 0px; margin: 0; list-style-image: none; line-height: 18px; border-top: 1px solid #333333; } #premier_menu_top_right li.spacing { /* spacing for list items */ border-top: none; width: 5px; } #premier_menu_top_right li.search_box { /* search box formatting */ border-left: 1px solid #333333;	 border-right: 1px solid #333333; background-color: #ff0000; height: 24px; } #premier_menu_top_right li.search_box_button { /* search box formatting */ background-image:none; height: 24px; border-right: 1px solid #333333; } #premier_menu_top_right li.view_cart { /* search box formatting */ border-left: 1px solid #333333;	 } #premier_menu_top_right li ul { /* second-level lists */ font-size: 100%; width: 150px;  display: block; position: absolute; margin: 0px 0px 0px -1px; border-bottom: 1px solid #333333; list-style-image: none; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } #premier_menu_top_right li ul li { /* second-level lists */ width: 150px;  display: block; background-image:none; background-color: #ff0000; border-bottom: none; } #premier_menu_top_right li ul li a { /* second-level lists */ background-image:none; padding: 3px 6px 4px 6px; line-height: 150%; display: block; border-left: 1px solid #333333; border-right: 1px solid #333333; } #premier_menu_top_right li ul li a:hover { /* second-level lists */ display: block; border-left: 1px solid #333333; border-right: 1px solid #333333; padding: 3px 6px 4px 6px; background-image: none; } #premier_menu_top_right li ul ul { /* third-and-above-level lists */ margin: -24px 0px 0px 149px; } #premier_menu_top_right li:hover ul ul, #premier_menu_top_right li.sfhover ul ul { left: -999em; } #premier_menu_top_right li:hover ul, #premier_menu_top_right li li:hover ul, #premier_menu_top_right li.sfhover ul, #premier_menu_top_right li li.sfhover ul { /* lists nested under hovered list items */ left: auto; } /* End of styles for Premier theme */ /* Start of styles for Silver theme */ /* container -------------------------- */ #silver-shadow-left { width: 967px; padding: 0; background: url('silver-theme-shadow-left.png') left repeat-y; margin: 0 auto; } #silver-shadow-right { background: url('silver-theme-shadow-right.png') right repeat-y; margin-left: 4px; padding: 0; width: 963px; } #silver-container { background: #fff; padding: 0; margin-right: 4px; width: 959px; padding-bottom: 6px; } #silver-page-bottom-rounded { width: 967px; margin: 0 auto; padding: 0; background: url('silver-theme-rounded-footer.png') no-repeat; } /* header area ---------------------------- */ #silver-header img { margin: 10px; float: left; display: inline; } #silver-login-terms { width: 101px; height: 24px; background: url('silver-theme-login-box.jpg'); float: right; margin-right: 10px; display: inline; } #silver-login-terms p { text-align: center; padding-top: 4px; margin: 0; } #silver-login-terms p a { color: #000000; } #silver-login-terms p a:hover { text-decoration: none; color: #0000b9; } #silver-cart-checkout { float: right; text-align: right; clear: right; margin-top: 30px; margin-right: 10px; display: inline; text-transform: uppercase; } #silver-cart-checkout p { padding-bottom: 2em; } #silver-cart-checkout p a { color: #000000; } #silver-cart-checkout p a:hover { color: #0000b9; } .silver-cart-link { padding-left: 20px; background: url('theme_icon_cart.gif') no-repeat left; } #silver-nav-bar { clear: both; margin: 0 10px; height: 29px; background: url('silver-theme-nav-bar-bg.jpg'); } #silver-nav-bar-left { background: url('silver-theme-nav-bar-left.jpg') no-repeat; } #silver-nav-bar-left ul { margin: 0; padding: 0; list-style: none; padding-left: 5px; height: 29px; } #silver-nav-bar-left ul li { display: inline; } #silver-nav-bar-left ul li a { display: block; float: left; line-height: 29px; padding: 0 10px; border-right: solid 1px #999; color: #000000; } #silver-nav-bar-left ul li a:hover { text-decoration: none; color: #0000b9; } #silver-quick-search-container { float: right; width: 256px; height: 29px; background: url('silver-theme-search-bg.jpg'); } #silver-quick-search { background: url('silver-theme-search-end-left.jpg') no-repeat; height: 29px; } #silver-quick-search-field { background: url('silver-theme-search-end-right.jpg') right no-repeat; height: 25px; padding-top: 4px; } input.silver-search-field { margin: 2px 0 0 3px; border: 0; float: left; width: 200px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; } input.silver-search-button { float: right; margin: 2px 3px 0 0; } /* sidebar ---------------------------- */ #silver-sidebar-left { float: left; margin: 10px; display: inline; width: 210px; } .silver-sidebar-list { background: url('silver-theme-sidebar-curve-bg.gif'); } .silver-sidebar-list-bottom { background: url('silver-theme-sidebar-curve-bottom.gif') no-repeat bottom; } .silver-sidebar-list-top { background: url('silver-theme-sidebar-curve-top.gif') no-repeat top; padding-bottom: 6px; } .silver-sidebar-list-top h1 { padding: 11px; font-size: 14px; color: #ff0000; } /* section/brochure lists -------------------------- */ #silver-section-list ul, #silver-brochure-list ul { padding: 0; margin: 0 1px; list-style: none; background: url('silver-theme-section-list-gradient.jpg') repeat-x; border-top: dotted 1px #858585; } #silver-section-list ul li, #silver-brochure-list ul li { padding: 0; margin: 0; } #silver-section-list ul li a, #silver-brochure-list ul li a { display: block; border-bottom: dotted 1px #858585; padding: 5px 11px; margin: 0; color: #000000; } #silver-section-list ul li a:hover, #silver-brochure-list ul li a:hover { text-decoration: none; color: #0000b9; } .silver-sidebar-list-separator { clear: both; background-image: none; background-color: #fff; } /* marketing lists ---------------------------- */ #silver-new-products-list h1, #silver-best-sellers-list h1 { border-bottom: dotted 1px #858585; } .silver-sidebar-product { border-bottom: dotted 1px #858585; margin: 0 1px; background: #f4f4f4; height: 125px; overflow: hidden; } p.silver-sidebar-product-name { font-weight: bold; padding: 5px 11px; border-bottom: solid 1px #afafaf; background: #fff; margin: 0; } p.silver-sidebar-product-name a { color: #00ff00; } p.silver-sidebar-product-name a:hover { color: #0000b9; } .silver-sidebar-product-image { width: 95px; height: 100px; float: left; background: #fff; border-right: solid 1px #afafaf; text-align: center; } .silver-sidebar-product-image img { margin-top: 5px; } .silver-sidebar-product-description { margin: 5px 4px 0 0; padding: 0 0 0 100px; font-size: 10px; } .silver-sidebar-product-more { font-size: 10px; margin: 5px 0; padding: 0 0 0 100px; } .silver-sidebar-product-price { font-weight: bold; margin: 0; padding: 0 0 0 100px; } /* bulk area -------------------------- */ #silver-bulk { float: right; width: 718px; margin: 10px 10px 10px 0; background: url('silver-theme-bulk-bg.gif'); display: inline; } #silver-bulk-bottom { background: url('silver-theme-bulk-bottom.gif') no-repeat bottom; } #silver-bulk-top { background: url('silver-theme-bulk-top.gif') no-repeat top; padding: 10px; } /* footer ---------------------------- */ #silver-footer { margin: 0 10px; background: url('silver-theme-footer-bg.jpg'); clear: both; } #silver-footer-left { background: url('silver-theme-footer-left.jpg') no-repeat; } #silver-footer-right { background: url('silver-theme-footer-right.jpg') no-repeat right; height: 88px; } .silver-address-box { float: left; display: inline; width: 180px; margin: 10px 20px; height: 68px; font-size: 11px; color: #666; } .silver-copyright-info { float: right; display: inline; margin: 10px 20px; height: 68px; font-size: 11px; color: #666;	 } /* End of styles for Silver theme */ /* Start of styles for Bobcat theme */ /* general layout --------------------*/ #bobcat-container { width: 940px; margin: 10px auto; } #bobcat-header-area { background: url('bobcat-header-bg.gif'); } #bobcat-logo-area { background: url('bobcat-header-top.gif') no-repeat; padding: 5px; } #bobcat-navigation-bar { height: 30px; background: url('bobcat-header-bottom.gif') no-repeat; } #bobcat-navigation-bar ul { margin: 0 5px; padding: 0; list-style: 0; } #bobcat-navigation-bar ul li { display: inline; } li.bobcat-search-field { display: block; float: left; padding: 0; height: 30px; } li.bobcat-search-field input { border: solid 1px #000000; font: 12px Arial, Helvetica, sans-serif; padding: 1px; background: #ffffff; color: #000000; margin-top: 5px; } li.bobcat-search-button { display: block; float: left; padding: 0 10px 0 0; height: 30px; } #bobcat-navigation-bar ul li a { color: #ffffff; display: block; float: left; line-height: 30px; padding: 0 10px; border-left: solid 1px #ffffff; text-decoration: none; text-transform: lowercase; } #bobcat-navigation-bar ul li a:hover { background: #00ff00; } #bobcat-navigation-bar ul li.bobcat-home-link a { border: 0; } #bobcat-navigation-bar ul li.bobcat-view-cart { float: right; } #bobcat-navigation-bar ul li.bobcat-view-cart a { background: url('theme_icon_cart.gif') no-repeat left; padding-left: 30px; border: 0; } #bobcat-navigation-bar ul li.bobcat-view-cart a:hover { background: #00ff00 url('theme_icon_cart.gif') no-repeat left; } #bobcat-navigation-bar ul li.bobcat-checkout { float: right; } #bobcat-bulk-top { height: 10px; margin-top: 10px; } #bobcat-bulk { background: url('bobcat-bulk-bg.gif'); padding: 0 10px; } #bobcat-sidebar-left { float: left; width: 130px; margin-right: 30px; } #bobcat-sidebar-right { float: right; width: 130px; } #bobcat-content { float: left; width: 600px; } #bobcat-bulk-bottom { height: 10px; margin-bottom: 10px; } #bobcat-footer { height: 100px; background: #ffffff; } .bobcat-address-box { float: left; display: inline; width: 180px; margin: 0 20px; height: 80px; padding: 10px 0; font-size: 11px; color: #000000; } .bobcat-copyright-info { float: right; display: inline; margin: 0 20px; height: 80px; width: 200px; text-align: right; padding: 10px 0; font-size: 11px; color: #000000;	 } /* overriding default styles */ .bobcat-sidebar .text_heading_left_column { color: #ffffff; } .bobcat-sidebar .dotted_line_blue { background-color: #ffffff; } .bobcat-sidebar ul { color : #ffffff; } .bobcat-sidebar a { color : #ffffff; } .bobcat-sidebar .solid_line_blue { background-color: #ffffff; } .bobcat-sidebar a.product_section:visited { color : #ffffff; } .bobcat-sidebar a.product_section:link { color : #ffffff; } .bobcat-sidebar a.product_section:active { color : #ffffff; } .bobcat-sidebar a.product_section:hover { color : #ffffff; } .bobcat-sidebar .product_image_cost { float: none; margin: 0; } .bobcat-sidebar .text_product_small_info_heading { color : #ffffff; text-align: center; } .bobcat-sidebar .text_product_small_info_price { color : #ffffff; clear: both; padding: 5px 0; text-align: center; } .bobcat-sidebar .text_product_small_info { display: none; } /* End of styles for Bobcat theme */ /* Start of styles for Minimal theme */ /* general layout --------------------*/ #minimal-container { width: 940px; margin: 10px auto; } #minimal-header-area { } #minimal-logo-area { } #minimal-navigation-bar { height: 30px; } #minimal-navigation-bar ul { margin: 0; padding: 0; list-style: 0; } #minimal-navigation-bar ul li { display: inline; } li.minimal-search-field { display: block; float: left; padding: 0; height: 30px; } li.minimal-search-field input { border: solid 1px #000000; font: 12px Arial, Helvetica, sans-serif; padding: 1px; background: #ffffff; color: #000000; margin-top: 5px; } li.minimal-search-button { display: block; float: left; padding: 0 10px 0 0; height: 30px; } #minimal-navigation-bar ul li a { display: block; color: #ff0000; float: left; line-height: 30px; padding-right: 10px; text-decoration: none; text-transform: uppercase; } #minimal-navigation-bar ul li a:hover { color: #00ff00; } #minimal-navigation-bar ul li.minimal-view-cart { float: right; } #minimal-navigation-bar ul li.minimal-view-cart a { background: url('theme_icon_cart.gif') no-repeat left; padding-left: 20px; border: 0; } #minimal-navigation-bar ul li.minimal-view-cart a:hover { } #minimal-navigation-bar ul li.minimal-checkout { float: right; } #minimal-navigation-bar ul li.minimal-checkout a { padding: 0; } #minimal-bulk-top { height: 10px; margin-top: 10px; border-top: solid 1px #ff0000; } #minimal-bulk { } #minimal-sidebar-left { float: left; width: 140px; margin-right: 30px; } #minimal-sidebar-right { float: right; width: 140px; } #minimal-content { float: left; width: 600px; } #minimal-bulk-bottom { height: 10px; margin-bottom: 10px; } #minimal-footer { height: 100px; border-top: solid 1px #ff0000; } .minimal-address-box { float: left; display: inline; width: 180px; margin: 0 20px; height: 80px; padding: 10px 0; font-size: 11px; color: #000000; } .minimal-copyright-info { float: right; display: inline; margin: 0 20px; height: 80px; width: 200px; text-align: right; padding: 10px 0; font-size: 11px; color: #000000;	 } .minimal-sidebar .product_image_cost { float: none; margin: 0; } .minimal-sidebar .text_product_small_info_heading { text-align: center; } .minimal-sidebar .text_product_small_info_price { clear: both; padding: 5px 0; text-align: center; } .minimal-sidebar .text_product_small_info { display: none; } /* End of styles for Minimal theme */