/* theme.css contains styles that support different sizes of theme images */ @import url("theme.css"); /* begin general styles for all themes */ body { margin: 0px 0px; padding: 0px; background-image:  url("background.jpg"); background-repeat: repeat-x; font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 12px; } form { margin: 0px; } a:link { color: #5681ac; text-decoration: none; } a:visited { color: #777777; text-decoration: none; } a:hover { color: #0066ff; text-decoration: underline; } a:active { color: #777777; text-decoration: none; } a.checkout-checkoutbg { margin-right: 10px; padding-top: 3px; padding-bottom: 3px; padding-left: 8px; padding-right: 8px; border: #eaeaea 2px solid; border-top: #eaeaea 2px solid; border-right: #333333 1px solid; border-bottom: #333333 1px solid; } a.checkout-checkoutbg:link { color: #eaeaea; text-decoration: none; } a.checkout-checkoutbg:visited { color: #eaeaea; text-decoration: none; } a.checkout-checkoutbg:hover { color: #eaeaea; text-decoration: underline; } a.checkout-checkoutbg:active { color: #eaeaea; text-decoration: underline; } a.checkout-textcolor:link { color: #333333; text-decoration: none; } a.checkout-textcolor:visited { color: #333333; text-decoration: none; } a.checkout-textcolor:hover { color: #333333; text-decoration: underline; } a.checkout-textcolor:active { color: #333333; text-decoration: underline; } ul { list-style-type: square; } .actCHECKOUTEM { background-color: #0066ff; } .actCHECKOUTBG { background-color: #eaeaea; } .actxlarge, .actxxlarge { font-size: 20px; color: #333333; } .actlarge { font-size: 16px; color: #333333; } .actlarger, .actregular { font-size: 14px; color: #333333; } .actxsmall, .actsmall { font-size: 12px; color: #333333; } .actsmaller, .actxxsmall { font-size: 10px; color: #333333; } .actwarningcolor, .actrequiredcolor, .actrequired, .actwarning { color: #ff0000; } .actsearchhighlightcolor { color: #ff0000; } .checkout-login-button a { padding-left: 20px; color: #ffffff; text-decoration: none; } table.checkout td { background-color: #eaeaea; 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: #eaeaea; border-bottom: solid 1px #0066ff; } .checkout-cartheading { font-weight: bold; background-color: #eaeaea; border-top: solid 1px #0066ff; border-bottom: solid 1px #0066ff; } div.CheckoutCartSection { margin-top: 0px; margin-bottom: 10px; } table.checkout#idTableCheckoutSection { margin-bottom: 0px; } table.checkout-cart { width: 754px; border-collapse: collapse; padding: 0px 0px; margin-bottom: 5px; } table.checkout-cart th{ font-weight: bold; background-color: #eaeaea; border-top: solid 1px #0066ff; border-bottom: solid 1px #0066ff; padding: 4px 4px; } table.checkout-cart td{ padding: 4px 4px; } table.checkout { width: 754px; border-collapse: collapse; padding: 0px 0px; text-align: left; margin-bottom: 5px; } table.checkout th { background-color: #0066ff; font-size: 14px; font-weight: bold; color: #eaeaea; text-align: left; padding: 5px 2px; border-bottom: solid 3px #ffffff; } table.checkout th.instruction { font-size: 12px; font-weight: normal; } table.checkout th.change { font-size: 12px; font-weight: bold; padding: 0px 0px; text-align: right; } .checkout-change-button	{ line-height: 13px; height: 20px; width: 86px; margin: 0px 1px 0px 0px; padding: 0px 0px 0px 0px; font-size : 12px; background-color: #a7a7a7; border: 1px solid #515151; color: #ffffff; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; } .cartheading { background-color: #0066ff; font-weight: bold; color: #eaeaea; } h2.checkout-heading { background-color: #0066ff; font-size: 14px; font-weight: bold; color: #eaeaea; padding: 3px; border-bottom: solid 3px #ffffff; width: 579px; } h3.checkout-heading { width: 579px;  padding: 3px; background-color: #0066ff; font-size: 14px; font-weight: bold; color: #eaeaea; border-bottom: solid 3px #ffffff; } .checkout-subheading { font-weight: bold; padding: 0; margin: 0; } img.cartthumbnail { border: 0px; margin-left: 2px; margin-right: 2px; width: 25px; } .button-wrapper { display: inline-block; background: url('button_background_right.gif') right no-repeat; padding: 0 10px 0 0; } .button { background: url('button_background_left.gif') left no-repeat; cursor:pointer; color: #ffffff; padding: 0 0 0 10px; margin: 0; border: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; } .cart-button { height: 28px; } input.normal-button { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; background: #a7a7a7; padding: 5px; border: solid 1px #333333; } input.highlight-button { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; background: #515151; padding: 5px; border: solid 1px #333333; } .checkout-field-label { width: 160px; } .checkout-field-input { width: auto; } .checkout-field-input input, .checkout-field-input select { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; background-color: #ffffff; padding: 2px; } .InvoiceField input, .InvoiceField select { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; background-color: #ffffff; padding: 2px; } .DeliverField input, .DeliverField select { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; background-color: #ffffff; padding: 2px; } table.checkout#idBothAddressesTable select { width: 290px; } input.checkbox { background-color: #eaeaea; border: 0;	 } .checkout-field-area { background: #eaeaea; border-bottom: solid 2px #ffffff; width: 754px; } .checkout-field-area p { margin: 0; padding: 4px; } div.checkout-buttons { width: 754px;  height: 50px;  margin-top: 20px; } .left {  float : left;  width : 50%;  } .right {  float : right;  width : 40%;  } .spacer {  clear : both;  } .checkout-help-hide {  display: none;  } .product_list { width: 775px; margin: 10px 0px; padding: 0px; }	 /* PRODUCT FORMATTING ELEMENTS AND LINE ELEMENTS -------------------------------------------- */ .prodRef { margin: 15px 0px; font-weight: bold; font-size: 14px; color: #777777; } /* IMAGE FORMATTING ELEMENTS ------------------------------------------------------------ */ .image_float_right { float: right; margin: 0px 0px 15px 20px; } .image_product	{ margin: 0px 15px 10px 0px; text-align: center; float: left; } h1	{ font-size: 20px; font-weight: bold; margin: 0px 0px 10px 0px;		 padding: 0px; color: #333333; } h1.sectionHeading	{ margin: 0px; padding: 0px 0px 4px 0px; border-bottom: 2px solid #333333; } h1.fragment	{ padding: 0px; } h1.tc	{ text-align: center; color: #333333; } h2	{ font-size: 16px; font-weight: bold; margin: 0px 0px 10px 0px; padding: 0px; color: #515151; } h2.checkout	{ font-size: 14px; margin: 12px 0px 6px 0px; } h2.fragment	{ margin: 0px 0px 10px 0px; } h2.related, h2.alsoBought { margin: 20px 0px 0px 0px; padding: 7px 0px 7px 10px; background: #515151; color: #FFFFFF; clear: both; } h2.clearall	{ margin: 20px 0px 10px 0px; clear: both; } h2.product { font-size: 14px; margin: 0px 0px 15px 0px; clear: right; word-wrap: break-word; width: 420px; color: #000000; } h3, h3.product_price { font-size: 14px; font-weight: bold; margin: 15px 0px; padding: 0px; color: #000000; } h3.rrp_price { color: #FF0000; } .rrp { text-decoration: line-through; } ul	{ line-height: 150%; padding: 0px 0px 0px 1px; margin: 0px 0px 18px 15px; font-size: 12px; } ul.products	{ line-height: normal; padding: 0px 0px 0px 1px; margin: 3px 0px 4px 15px; font-size: 12px; color: #ff0000; } .text_product_small_info { line-height: normal; margin: 5px 0px; padding: 0px; text-align: center; clear: both; } .text_product_small_info_heading	{ margin: 5px 0px; padding: 0px; line-height:normal; color: #a7a7a7; font-weight: normal; font-size: 12px; text-align: center; } .text_product_small_info_price	{ margin: 5px 0px; padding: 0px; line-height:normal; font-weight: bold; font-size: 14px; text-align: center; clear: both; } .text_breadcrumbs	{ font-size: 12px; color: #515151; margin: 0px; line-height: normal; padding: 2px 0px; } .text_options	{ font-weight: bold; } .form_input_general	{ line-height: normal; font-size: 12px; word-spacing: normal; } /************************************************************************************/ /************************************************************************************/ .fragContainer { margin: 0px 0px 25px 0px; width: 760px; } p.fragment { margin: 0px; } .terms { padding: 0px 0px 20px 0px; color: #333333; } .terms H2 { color: #333333; border-bottom: 2px solid #333333; margin: 0px 0px 8px 0px; padding: 0px 0px 4px 0px; } hr { color: #0066ff; margin: 3px 0px; padding: 3px 0px; clear: both; height: 1px; } .clear { clear: both; } .highlight { color: #0066CC; } .ColContainer { margin: 5px auto 5px auto; padding: 0px; width: 200px; } .ColTitle { margin: 0px auto; padding: 0px; text-align: center; font-weight: bold; height: 34px; } .ColTitle a:link, .ColTitle a:visited { background: url("section-header.gif") no-repeat 0px 0px; display: block; padding: 2px; color: #FFF; text-decoration: none; height: 30px; } .ColTitle a:hover, .ColTitle a:active { background: url("section-header.gif") no-repeat -400px 0px; color: #FFF; } .ColImage { margin: 0px auto; text-align: center; border: 1px solid #515151; border-top: none; padding: 0px; } .ColText { margin: 0px auto; padding: 5px; text-align: center; font-weight: bold; border: 1px solid #515151; border-top: none; } .ColPrice { margin: 0px auto; padding: 5px 0px; text-align: center; border: 1px solid #515151; border-top: none; font-weight: bold; color: #0066ff; } .nameOnly a { padding: 4px 0px; color: #333333; font-weight: bold; } .imageOnly a { padding: 4px 0px; border: none; font-size: 16px; color: #000000 } .relatedTable, .alsoBoughtTable { border: 1px solid #515151; border-top: none; border-right: none; border-collapse: collapse; width: 100%; } .relatedTable td, .alsoBoughtTable td { border-right: 1px solid #515151; } .stdWidth { width: 575px; } .denotes { color: #ff0000; font-weight: bold; font-size: 12px; } .errorTable { border: 3px solid #ff0000; border-collapse: collapse; color: #ff0000; background: #ffff80; } .errorTable td { color: #ff0000; background: #ffff80; } .addToCart { margin: 15px 0px; text-align: left; clear: right; float: left; } .productFooter { clear: both; margin: 20px 0px; padding: 0px; height: 20px; } .back { float: left; width: 194px; } .bookmark { float: left; width: 194px; text-align: center; } IMG.centred { display: block; margin-left: auto; margin-right: auto; } /*  Added By STW */ .stopBUYING { /*display:none;*/ } .linkMissed { color: #fff; background: #339933; text-align: center; font-weight: bold; font-size: 14px; padding: 5px 0px; } /* Recently Viewed Products List Style ------------------------------------ */ #rphtml { display: none;  visibility:hidden; } /* Used internally - do not delete */ #recenthtlist { width: 585px; text-align:left; } #recenthtitem { border-spacing: 0px; } #recenthtitem td { width: 110px; padding: 4px; text-align: center; border-left: 1px solid #0066ff; border-right:1px solid #0066ff; } .recenthtitemimage { border-top: 1px solid #0066ff; } .recenthtitemdesc	{} .recenthtitemprice	{} .recenthtitemdelete { border-bottom: 1px solid #0066ff; } .recenthtitemspacer { width:2px !important;  border:0 !important; padding: 0px !important; } .recenththeader { clear: both; padding: 3px; font-size: 16px; font-weight: 900; margin: 0px; color: #a7a7a7; width: 579px; border-top: 1px solid #0066ff; border-bottom: 1px solid #0066ff; } .recenthtbuttonleft { float: left; cursor: pointer; width: 100px; border: 0; background-color: #ffffff; } .recenthtbuttonright { float: right; cursor: pointer; width: 100px; border: 0; background-color: #ffffff; } /* Custom add ons by STW */ .checkoutmessagebox { border: 4px solid #ff0000; background: #ffff00; text-align: center; font-weight: bold; color: #000000; font-size: 12px; } .sectionColor { color: #333333; padding: 0px 0px 3px 0px; font-size: 10px; } .blackcolour { color: #000000; } #productbox { background-color: #EBF7FF; margin: 0px; padding: 4px; height: 235px; width: 248px; border: 1px solid #CCCCCC; position: relative; left: 0px; top: 0px; } #freewithcasebox { background-color: #f9dada; margin: 0px; padding: 4px; height: 50px; width: 240px; border: 1px solid #CCCCCC; position: relative; left: 0px; top: 0px; }		 /* start search results sort list */  .sort_by { background-color: #515151; width: 100%; height: 24px; color: #ffffff; text-align: right; } .sort_by select { font-size: 12px; height: 20px; margin-right: 1px; margin-top: 1px; border: #515151 2px solid; border-top: #515151 2px solid; border-right: #515151 1px solid; border-bottom: #515151 1px solid; } .sort_by-submit { background: transparent; height: 20px; color: #ffffff;  font-weight: bold; font-size: 12px; margin-right: 1px; margin-top: 1px; border: 0; } .sort_by-submit:hover { cursor: pointer; text-decoration: underline; } /* end search results sort list */ /* start auto suggestion list */ .sf_suggestion { position: absolute; line-height: 15px; z-index: 2147483637; } .sf_suggestion ul { margin: 1px; padding: 0px; background: #ffffff;  border: 1px solid rgb(51, 51, 51); top: 0; left: 0; } .sf_suggestion li{ margin: 0px; padding: 0px; list-style: none; } .sf_suggestion li a { display: block; text-indent: 5px; text-align: left; padding: 5px; text-decoration: none; } .sf_suggestion li.selected a { background: #cccccc; color: #000000; font-weight: normal; } .sf_suggestion li.notselected a{ color: #000000; font-weight: normal; } /* end auto suggestion list */ /* start filter loading dialog */ .loading-block	{ display: table; height: 100%; width: 100%; overflow: hidden; margin-left: 50%; z-index: 2147483638; } .loading-gif { display: table-cell; vertical-align: middle; } .loading-shadow { display: none; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-repeat: repeat; opacity:0.9; } /* start filter loading dialog */ /* Some basic formatting for filter lists in upgraded themes */ .sidebar-filter-element { margin: 10px; } .sidebar-filter-element h2 { display: block; font-size: 14px; } .filter-by { float: right; } .sidebar-filter-element .button-wrapper { float: right; margin-bottom: 10px; } /* 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 */ /* CSS Specific to 'Executive' */ /* PAGE MAIN FORMATTING ELEMENTS ------------------------------------------------------ */ /* page header fomatting elements ----------------------------------------------------- */ .page_header	{ background-color: #515151; margin: 0px 0px 0px 0px; } .page_header_content	{ width: 762px; text-align: left; height: 63px; } .page_header_home_search_box	{ padding: 1px; margin: 0px; background-image:url('theme_dotted_line_2.gif'); background-color: #a7a7a7; } .page_header_logo_container	{ float: left; } .page_header_menu_cart_login_spacing	{ padding-left: 2px; } .page_header_terms_cart_login_container	{ float: right; text-align: right; } .page_header_terms_container	{ height: 38px; } .page_header_menu_cart	{ padding: 3px 5px 4px 19px; background-image:url('theme_icon_cart.gif'); background-color:#0066ff;  border-top: 1px solid #a7a7a7; border-bottom: 1px solid #a7a7a7; } .page_header_menu_cart_items	{ padding: 3px 5px 4px 5px; background-color:#0066ff;	 border-left: 1px solid #a7a7a7; border-top: 1px solid #a7a7a7; border-bottom: 1px solid #a7a7a7; } .page_header_menu_login	{ padding: 3px 5px 4px 17px; background-image:url('theme_icon_login.gif'); background-color:#0066ff;  border-top: 1px solid #a7a7a7; border-bottom: 1px solid #a7a7a7; } /* end page header fomatting elements ------------------------------------------------- */ /* page menu fomatting elements ------------------------------------------------------- */ .page_menu	{ background-color: #a7a7a7; margin: 0px 0px 0px 0px; } .page_menu_content	{ width: 762px; height: 21px; } .page_menu_items	{ background-color: #a7a7a7; padding: 0px 0px 0px 1px; height: 21px; float: left; width: 65%; } .page_menu_items_search	{ background-color: #a7a7a7; padding: 0px 0px 0px 1px; height: 21px; float: right; width: 30%; } /* end page menu fomatting elements ---------------------------------------------------- */ /* page body fomatting elements -------------------------------------------------------- */ .page_body	{ padding: 10px 0px 0px 0px; } .page_body_content	{ width: 762px; text-align: left; } .page_body_content_left_column	{ float: left;  width: 170px; } .page_body_content_right_column	{ float: right;  width: 552px; } /* end page body fomatting elements ----------------------------------------------------- */ /* page footer fomatting elements ------------------------------------------------------- */ .page_footer	{ padding: 30px 0px 30px 0px; clear:both; } .page_footer_content	{ width: 762px; text-align: left; } /* end of page footer fomatting elements ------------------------------------------------ */ /* END OF PAGE MAIN FORMATTING ELEMENTS ------------------------------------------------- */ /* TEXT FORMATTING ELEMENTS AND LINK ELEMENTS -------------------------------------------- */ /* menu text --------------------------------------------------------------------------- */ .text_menu_cart	{ padding: 0px; margin: 0px; line-height: normal; } .text_menu_cart_items	{ padding: 0px; margin: 0px; line-height: normal; font-weight: 900; }	 .text_word_spacing_8px	{ word-spacing: 8px; } .text_terms_conditions	{ color: #a7a7a7; font-size: 12px; border: 0; margin: 0; padding: 0; } /* ------------------------ */ a.link_cart:visited	{	 color : #515151; text-decoration : underline; } a.link_cart:link  { color : #515151; text-decoration : underline; } a.link_cart:active  { color : #515151; text-decoration : underline; } a.link_cart:hover  { color : #515151; text-decoration : underline; } /* ------------------------ */ a.link_terms_conditions:visited	{	 color : #0066ff; text-decoration : underline; } a.link_terms_conditions:link  { color : #0066ff; text-decoration : underline; } a.link_terms_conditions:active  { color : #0066ff; text-decoration : underline; } a.link_terms_conditions:hover  { color : #0066ff; text-decoration : underline; } /* ------------------------ */ .page_body_content_left_column .sidebar-filter-element { margin: 0; } .page_body_content_left_column .sidebar-filter-element h2 { color: #515151; font-size: 14px; border-bottom: 1px solid #515151; padding: 0 0 5px 0; overflow: hidden; } .page_body_content_left_column .sidebar-filter-element h2 input { float: right; clear: none; } .page_body_content_left_column .sidebar-filter-element .filter-text { float: left; padding-top: 5px; display: inline-block; } .page_body_content_left_column .filter-by input { float: right; display: inline-block; background: #a7a7a7; padding: 0 10px; height: 26px; } .page_body_content_left_column .filter-submit { cursor:pointer; color: #ffffff; padding: 0 0 0 10px; margin: 0; border: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; } .page_body_content_left_column .sidebar-filter-element .button-wrapper, .page_body_content_left_column .sidebar-filter-element .button { background: #a7a7a7; float: right; height: 25px; margin-bottom: 0; } .page_body_content_left_column .text_heading_left_column { clear: right; } /* Elements Specific to the Technical Theme */ /* PAGE MAIN FORMATTING ELEMENTS ------------------------------------------------------ */ .tech_page_background	{ height: 100%; } .tech_page_content	{ width: 762px; text-align: left; height: 100%; bottom: 0px; background-color: #ffffff; border-right: 1px solid #515151; border-left: 1px solid #515151; padding: 0px 1px 0px 1px; } /* page header fomatting elements ----------------------------------------------------- */ .tech_page_header_content	{ width: 762px; text-align: left; height: 65px; border-bottom: 4px solid #515151; } .tech_page_header_logo_container	{ float: left; padding: 0px 0px 0px 15px; } .tech_page_header_menu	{ background-color: #515151; border-bottom: 1px solid #0066ff; height: 27px; } .tech_page_header_terms_cart_login_container	{ float: right; text-align: right; } .tech_page_header_terms_container	{ height: 38px; } .tech_page_header_menu_cart	{ padding: 3px 3px 2px 3px; border-left: 1px solid #0066ff; height: 21px; } .tech_page_header_menu_cart_items	{ padding: 3px 5px 4px 5px; border-left: 1px solid #0066ff; border-top: 1px solid #0066ff; border-bottom: 1px solid #0066ff; } .tech_page_header_menu_search	{ padding: 3px 3px 2px 1px; } /* end page header fomatting elements ------------------------------------------------- */ /* page body fomatting elements -------------------------------------------------------- */ .tech_page_body_content	{ width: 762px; text-align: left; } .tech_page_body_content_left_column	{ float: left;  width: 126px; } .tech_page_body_content_right_column	{ float: right; width: 574px; padding: 6px 36px 0px 0px; } /* end page body fomatting elements ----------------------------------------------------- */ /* END OF PAGE MAIN FORMATTING ELEMENTS ------------------------------------------------- */ /* menu text --------------------------------------------------------------------------- */ .tech_text_menu_cart	{ padding: 2px 0px 2px 0px; font-size : 12px; margin: 0px; color : #ffffff; background-color: #515151;} .tech_text_menu_cart_items	{ color : #ffffff; padding: 0px 5px 0px 3px; margin: 0px; line-height: normal; font-weight: 900; }	 /* end menu text ----------------------------------------------------------------------- */ /* END OF TEXT FORMATTING ELEMENTS ----------------------------------------------------- */ /* LINK FORMATTING ELEMENTS ------------------------------------------------------------- */ /* View Cart and Checkout In Top Bar */ a.tech_link_menu_cart_left:visited  { padding: 2px 5px 2px 5px; margin: 0px 0px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #a7a7a7;  border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } a.tech_link_menu_cart_left:link  { padding: 2px 5px 2px 5px; margin: 0px 0px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #a7a7a7; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } a.tech_link_menu_cart_left:active  { padding: 2px 5px 2px 5px; margin: 0px 0px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #0066ff; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } a.tech_link_menu_cart_left:hover  { padding: 2px 5px 2px 5px; margin: 0px 0px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #0066ff; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } a.tech_link_menu_cart_right:visited  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #a7a7a7;  border-left: 1px dotted #ffffff; border-right: 1px solid #ffffff; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } a.tech_link_menu_cart_right:link  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #a7a7a7; border-left: 1px dotted #ffffff; border-right: 1px solid #ffffff; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } a.tech_link_menu_cart_right:active  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #0066ff; border-left: 1px dotted #ffffff; border-right: 1px solid #ffffff; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;} a.tech_link_menu_cart_right:hover  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #0066ff; border-left: 1px dotted #ffffff; border-right: 1px solid #ffffff; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;} /* ------------------------ */ /* END OF LINK FORMATTING ELEMENTS ------------------------------------------------------ */ .tech_page_body_content_left_column .sidebar-filter-element { margin: 0; padding: 0 0 5px 0; overflow: hidden; border-right: 4px solid #515151; } .tech_page_body_content_left_column .sidebar-filter-element h2 { padding: 0 3px 0 5px; color: #ffffff; background: #515151; font-size: 12px; } .tech_page_body_content_left_column .sidebar-filter-element .button-wrapper, .tech_page_body_content_left_column  .sidebar-filter-element .button { background: #515151; font-size: 12px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; color: #ffffff; margin: 0; padding: 0; } .tech_page_body_content_left_column  .sidebar-filter-element .button { padding: 0 5px; height: 26px; border: 1px solid #515151; } .tech_page_body_content_left_column .sidebar-filter-element h2 input { float: right; clear: none; margin-bottom: 0; } .tech_page_body_content_left_column .sidebar-filter-element .filter-text { display: inline; line-height: 28px; } .tech_page_body_content_left_column .filter-by input { display: inline-block; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background: #515151; border: 1px solid #515151; color: #ffffff; padding: 0 5px; height: 26px; } .tech_page_body_content_left_column .filter-submit { cursor: pointer; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; } .tech_page_body_content_left_column .filter-list { padding: 0 2px 0 3px; } /* Styles for Contemporary Theme */ #maincontent { margin: 0 auto; background-color: #ffffff; height: 100%; padding: 7px; width: 776px; voice-family: "\"}\""; voice-family: inherit; width: 762px; } html>div#maincontent { width: 776px; } #contemporary_top_bar { width: auto; background-color: #515151; height: 64px; background-image:url('theme_topbar_background.gif'); background-position:right; background-repeat:no-repeat; } #contemporary_second_bar { width: auto; background-image: url('theme_secondbar_background.gif'); background-repeat: repeat-x; padding: 12px 5px 5px 5px; } #contemporary_parent_section_list { width: auto; padding: 5px 5px 0 5px; } .contemporary_body_content	{ width: 762px; text-align: left; } .contemporary_left_column	{ float: left;  width: 120px; } .contemporary_right_column	{ float: right; width: 574px; padding: 0px 36px 0px 0px; } /* End of Styles for Contemporary Theme */ .contemporary_left_column .sidebar-filter-element { margin: 0; padding: 0 0 10px 5px; } .contemporary_left_column .sidebar-filter-element h2 { padding-bottom: 0; color: #333333; } .contemporary_left_column .sidebar-filter-element .button-wrapper, .contemporary_left_column  .sidebar-filter-element .button { background: auto; margin: 0; padding: 0; } .contemporary_left_column  .sidebar-filter-element .button { padding-left: 10px; padding-right: 10px; } .contemporary_left_column .sidebar-filter-element h2 input { float: right; clear: none; margin-bottom: 0; } .contemporary_left_column .sidebar-filter-element .filter-text { display: inline; line-height: 28px; } .contemporary_left_column .filter-by input { display: inline-block; background: url('button_background_right.gif') right no-repeat; padding: 0 10px; height: 26px; } .contemporary_left_column .filter-submit { background: url('button_background_left.gif') left no-repeat; cursor:pointer; color: #ffffff; border: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; } .contemporary_left_column .filter-list { overflow: hidden; } /* 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: #515151; font-size: 11px; } #expert-quicksearch form { margin: 0; margin-left: 20px; padding: 0; } #expert-topbar { margin: 0; border-top: solid 10px #a7a7a7; 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 */ #expert-left-bar .sidebar-filter-element { margin: 0; padding: 0; } #expert-left-bar .sidebar-filter-element h2 { margin: 0px 0px 0px 0px; padding: 5px 6px 5px 10px; font-weight: 900; border-bottom: 1px solid #000000; } #expert-left-bar .filter-list { padding-left: 10px; } #expert-left-bar .sidebar-filter-element .button-wrapper, expert-left-bar .sidebar-filter-element .button { background: auto; margin: 0; padding: 0; } #expert-left-bar  .sidebar-filter-element .button { padding-left: 10px; padding-right: 10px; } #expert-left-bar .sidebar-filter-element h2 input { float: right; clear: none; margin-bottom: 0; } #expert-left-bar .sidebar-filter-element .filter-text { display: inline; line-height: 28px; } #expert-left-bar .filter-by input { display: inline-block; padding: 0 10px; height: 26px; } #expert-left-bar .filter-submit { background: #a7a7a7; cursor:pointer; color: #ffffff; border: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; } #expert-left-bar .filter-list .button { height: 26px; background: none; } #expert-left-bar .filter-list .button-wrapper { height: 26px; background: #a7a7a7; margin-right: 5px; } #expert-left-bar .filter-list { overflow: hidden; padding-bottom: 10px; } /* Start of Styles for Hotshot Theme */ #hotshot-outer-border { width: 1000px; margin: 0 auto; padding: 0; border: solid 5px #0066ff; border-top: 0; } #hotshot-border { background-color: #fff; width: auto; margin: 0; padding: 0; border: solid 1px #515151; border-top: 0; } #hotshot-margin { margin: 0 15px 15px 15px; } #hotshot-topbar { margin: 0; border-top: solid 10px #515151; 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 #a7a7a7; } #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: #a7a7a7; } #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 */ #hotshot-left-bar .sidebar-filter-element { background-image: url('hotshot-box-top.gif'), url('hotshot-box-main.gif'); background-position: top, bottom; background-repeat: no-repeat; margin: 0 0 12px 0; padding: 10px 0; } #hotshot-left-bar .sidebar-filter-element h2 { margin: 0; padding: 5px 6px 5px 10px; font-weight: 900; border-bottom: 1px solid #ffffff; } #hotshot-left-bar .filter-list { padding-left: 10px; } #hotshot-left-bar .sidebar-filter-element .button-wrapper, .hotshot-left-bar .sidebar-filter-element .button { background: auto; margin: 0; padding: 0; } #hotshot-left-bar .sidebar-filter-element .button-wrapper { margin-right: 15px; } #hotshot-left-bar  .sidebar-filter-element .button { padding-left: 10px; padding-right: 10px; } #hotshot-left-bar .sidebar-filter-element h2 input { float: right; clear: none; margin-bottom: 0; } #hotshot-left-bar .sidebar-filter-element .filter-text { display: inline; line-height: 28px; } #hotshot-left-bar .filter-by { margin-right: 10px; } #hotshot-left-bar .filter-by input { display: inline-block; padding: 0 10px; height: 26px; } #hotshot-left-bar .filter-submit { background: #a7a7a7; cursor:pointer; color: #ffffff; border: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; } #hotshot-left-bar .filter-list .button { height: 26px; background: none; } #hotshot-left-bar .filter-list .button-wrapper { height: 26px; background: #a7a7a7; margin-right: 15px; } #hotshot-left-bar .filter-list { overflow: hidden; padding-bottom: 10px; } /* 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: #515151; background-color: #a7a7a7; } #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 */ #prime-left-bar .sidebar-filter-element { margin: 0; } #prime-left-bar .sidebar-filter-element h2 { font-size: 14px; color: #a7a7a7; border-bottom: 1px solid #0066ff; padding: 5px 0 5px 30px; overflow: hidden; } #prime-left-bar .sidebar-filter-element h2 input { float: right; clear: none; } #prime-left-bar .sidebar-filter-element .filter-text { float: left; padding-top: 5px; display: inline-block; } #prime-left-bar .filter-by input { background: #a7a7a7; float: right; display: inline-block; padding: 0 10px; height: 26px; } #prime-left-bar .filter-submit { cursor: pointer; color: #ffffff; margin: 0; border: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; height: 26px; } #prime-left-bar .sidebar-filter-element .button-wrapper, #prime-left-bar .sidebar-filter-element .button { float: right; background: #a7a7a7; margin-bottom: 0; height: 26px; } #prime-left-bar .text_heading_left_column { clear: right; } #prime-left-bar .filter-list { overflow: hidden; padding: 0 0 0 10px; } /* 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 #0066ff; border-left:  2px solid #0066ff; 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:#515151; background-image: none; } #reflective_main_content_background_left_menu H3{	 background-color:#515151; 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 #515151; 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:#515151; } /* 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: 12px; 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 : 12px; background-color: #0066ff; border-top: 1px solid #333333; border-left: 1px solid #333333; border-right: 1px solid #0066ff; border-bottom: 1px solid #0066ff; color: #333333; vertical-align: top; } #reflective_menu_top  input.button{ color: #ffffff; margin: 0px 0px 0px 0px; font-size: 12px; 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: pointer; 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 #333333; border-left: 1px solid #0066ff; } #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 #0066ff; } #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 #0066ff; } #reflective_menu_top li.search_box_button { /* search box formatting */ background-image:none; height: 24px; border-right: 1px solid #333333; } #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 #0066ff; 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: #515151; border-bottom: 1px solid #333333; 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 #0066ff; border-right: 1px solid #333333; } #reflective_menu_top li ul li a:hover { /* second-level lists */ display: block; border-left: 1px solid #0066ff; border-right: 1px solid #333333; 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: #515151;	 background-image:url('theme_arrow.gif'); padding: 0px 6px 0px 14px; margin: 1px; font-size: 12px; 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: 12px;	 background-color:#a7a7a7; 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: #0066ff;	 background-image:url('reflective_menu_bg.gif'); padding: 0px 6px 0px 14px; margin: 1px; font-size: 12px; 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: 12px;	 background-color:#a7a7a7; 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: #515151;	 background-image:url('reflective_menu_bg.gif'); padding: 0px 6px 0px 14px; margin: 1px; font-size: 12px; 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: 12px;	 background-color:#a7a7a7; 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 */ #reflective_main_content_background_left_menu .sidebar-filter-element { margin: 0; padding: 0; background: #ffffff; border-right: 1px solid #515151; overflow: hidden; } #reflective_main_content_background_left_menu .sidebar-filter-element h2 { color: #ffffff; background-color: #515151;	 background-image: url('reflective_sidebar_header.gif'); padding: 0px 6px 0px 12px; margin: 0; font-size: 12px; text-decoration: none; display: block; } #reflective_main_content_background_left_menu .sidebar-filter-element .button-wrapper, #reflective_main_content_background_left_menu  .sidebar-filter-element .button { background-image: url('reflective_button_bg.gif'); line-height: 24px; } #reflective_main_content_background_left_menu .sidebar-filter-element .button-wrapper { border-right: 1px solid #515151; border-bottom: 1px solid #515151; margin: 0 5px 10px 0; padding: 0; } #reflective_main_content_background_left_menu .sidebar-filter-element .button-wrapper a { font-weight: normal; } #reflective_main_content_background_left_menu .sidebar-filter-element .button-wrapper { } #reflective_main_content_background_left_menu  .sidebar-filter-element .button { padding-left: 10px; padding-right: 10px; } #reflective_main_content_background_left_menu .sidebar-filter-element h2 input { float: right; clear: none; margin-bottom: 0; } #reflective_main_content_background_left_menu .sidebar-filter-element .filter-text { display: inline; line-height: 25px; } #reflective_main_content_background_left_menu .filter-by input { display: inline-block; background: none; padding: 0 10px; line-height: 25px; } #reflective_main_content_background_left_menu .filter-submit { background: url('button_background_left.gif') left no-repeat; cursor:pointer; color: #ffffff; border: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; } #reflective_main_content_background_left_menu .filter-list { overflow: hidden; padding: 0 0 0 5px; } /* 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: #515151; 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: #0066ff;	 } #corporate_main_structure_footer	a{ color: #0066ff; 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: 12px; color: #ffffff; margin: 0px 0px 0px 0px; padding: 5px 6px 5px 10px; font-weight: 900; background-color:	#515151; 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: 12px; float: right; background-color: #a7a7a7; } #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 : 12px; background-color: #ffffff; border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; color: #333333; vertical-align: top; } #corporate_menu_search  input.button{ /* quick search */ color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px 4px 0px 18px; font-size: 12px; background-color: #a7a7a7; 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: #515151; cursor: pointer; 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: 12px; 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: #a7a7a7; 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: #a7a7a7; border-right: 1px solid #000000; } #corporate_cart_login_menu li a:hover { /* top right functions */ background-image:none; background-color: #515151; } #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: #a7a7a7; 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: #515151; } #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 */ #corporate_main_structure_left_col_container .sidebar-filter-element { margin: 0; padding: 0; } #corporate_main_structure_left_col_container .sidebar-filter-element h2 { font-size: 12px; color: #ffffff; margin: 0px 0px 0px 0px; padding: 5px 6px 5px 10px; font-weight: 900; background-color: #515151; border-bottom: 1px solid #333333; } #corporate_main_structure_left_col_container .filter-list { padding-left: 15px; } #corporate_main_structure_left_col_container .sidebar-filter-element .button-wrapper, corporate_main_structure_left_col_container .sidebar-filter-element .button { background: auto; margin: 0; padding: 0; } #corporate_main_structure_left_col_container  .sidebar-filter-element .button { padding-left: 10px; padding-right: 10px; } #corporate_main_structure_left_col_container .sidebar-filter-element h2 input { float: right; clear: none; margin-bottom: 0; } #corporate_main_structure_left_col_container .sidebar-filter-element .filter-text { display: inline; line-height: 28px; } #corporate_main_structure_left_col_container .filter-by input { display: inline-block; padding: 0 10px; height: 26px; } #corporate_main_structure_left_col_container .filter-submit { background: #a7a7a7; cursor:pointer; color: #ffffff; border: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; } #corporate_main_structure_left_col_container .filter-list .button { height: 26px; background: none; } #corporate_main_structure_left_col_container .filter-list .button-wrapper { height: 26px; background: #a7a7a7; margin-right: 5px; } #corporate_main_structure_left_col_container .filter-list { overflow: hidden; padding-bottom: 10px; } /* 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 #515151; border-left: 4px solid #515151; 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: #515151; color: #ffffff; font-weight: 400; font-size: 12px; 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: #a7a7a7; 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: 12px; } #premier_top_menu a { display: block; color: #ffffff; padding: 3px 6px 3px 6px; margin: 0px; font-size: 11px;	 text-decoration: none; background-color: #a7a7a7; border-right: 1px solid #333333;		 } #premier_top_menu li a:hover { display: block; color: #ffffff; padding: 3px 6px 3px 6px; margin: 0; font-size: 12px;	 text-decoration: none; background-color: #515151; } #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: #a7a7a7; 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: 12px;		 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: #0066ff; border: none; color: #333333; vertical-align: top; } #premier_menu_top_right  input.button{  /* search box formatting */ color: #ffffff; margin: 0px 0px 0px 0px; font-size: 12px; height: 24px; background-color: #515151; border: none; padding: 4px 6px 4px 6px; } #premier_menu_top_right  input.button:hover{  /* search box formatting */ border:none; background-color: transparent; cursor: pointer; background-color: #a7a7a7; } #premier_menu_top_right a { /* button formatting no icon */ display: block; color: #ffffff; padding: 3px 6px 3px 6px; margin: 0; font-size: 12px;	 text-decoration: none; background-color: #515151; 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: 12px;	 text-decoration: none; background-color: #a7a7a7; } #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: #515151; 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: #515151; 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: #515151; 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 */ #premier_main_content_background_left_column .sidebar-filter-element { margin: 0 2px 0 0; border-right: 1px solid #515151; } #premier_main_content_background_left_column .sidebar-filter-element h2 { padding-bottom: 0; padding-left: 10px; background: #515151; color: #ffffff; font-size: 12px; font-weight: normal; } #premier_main_content_background_left_column .filter-list { padding: 0 0 10px 5px; padding-right: 5px; overflow: hidden; } #premier_main_content_background_left_column .sidebar-filter-element .button-wrapper, #premier_main_content_background_left_column .sidebar-filter-element .button { background: #515151; line-height: 23px; margin: 0; padding: 0; } #premier_main_content_background_left_column  .sidebar-filter-element .button { padding-left: 10px; padding-right: 10px; } #premier_main_content_background_left_column .sidebar-filter-element h2 input { float: right; clear: none; margin-bottom: 0; } #premier_main_content_background_left_column .sidebar-filter-element .filter-text { display: inline; line-height: 28px; } #premier_main_content_background_left_column .filter-by input { display: inline-block; padding: 0 10px; margin-right: 5px; line-height: 28px; background: none; } #premier_main_content_background_left_column .filter-submit { cursor:pointer; color: #ffffff; border: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; } /* 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: #333333; } #silver-login-terms p a:hover { text-decoration: none; color: #5681ac; } #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: #333333; } #silver-cart-checkout p a:hover { color: #5681ac; } .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: #333333; } #silver-nav-bar-left ul li a:hover { text-decoration: none; color: #5681ac; } #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: 12px; 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: #515151; } /* 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: #333333; } #silver-section-list ul li a:hover, #silver-brochure-list ul li a:hover { text-decoration: none; color: #5681ac; } .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: #a7a7a7; } p.silver-sidebar-product-name a:hover { color: #5681ac; } .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 */ #silver-sidebar-left .sidebar-filter-element { margin: 0 0 15px 0; background: #ffffff; border: 1px solid #999; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; overflow: hidden; } #silver-sidebar-left .sidebar-filter-element h2 { font-size: 14px; color: #515151; font-weight: bold; padding: 10px; background: #fff; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin: 0; overflow: hidden; border-bottom: dotted 1px #999; } #silver-sidebar-left .filter-list { font-size: 12px; color: black; line-height: 10px; padding: 0px 5px 15px 5px; } #silver-sidebar-left .filter-list h4 { clear: left; font-size: 12px; font-weight: bold; padding: 0; margin: 10px 0; } #silver-sidebar-left .filter-list ul { padding: 0pt; list-style: none outside none; text-align: left; margin: 0pt; } #silver-sidebar-left .filter-list li { padding: 0pt 3pt 5px; list-style: none outside none; margin: 0pt; border-bottom: none; } #silver-sidebar-left .filter-list li{  color: #515151; } #silver-sidebar-left .filter-link{ background: #0066ff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding: 0px; border-width: 0;   color: transparent; width: 0; } #silver-sidebar-left .filter-link-label{ text-decoration: underline; } #silver-sidebar-left .filter-link-label:hover{ cursor:pointer; } #silver-sidebar-left .filter-submit{ background: transparent; color: #515151; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding: 0 3px; border-width: 0; } #silver-sidebar-left .filter-submit:hover{ cursor: pointer; text-decoration: underline;	 } #silver-sidebar-left .sidebar-filter-element .button-wrapper { margin-left: 80px; margin-right: 3px; } #silver-sidebar-left .sidebar-filter-element .button { line-height: 26px; } #silver-sidebar-left .filter-text{ float: left; } #silver-sidebar-left .filter-by{ float: right; margin-right: 3px; } /* 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: none; } #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 #333333; font: 12px Arial, Helvetica, sans-serif; padding: 1px; background: #ffffff; color: #333333; 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: #a7a7a7; } #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: #a7a7a7 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: #333333; } .bobcat-copyright-info { float: right; display: inline; margin: 0 20px; height: 80px; width: 200px; text-align: right; padding: 10px 0; font-size: 11px; color: #333333;	 } /* overriding default styles */ .bobcat-sidebar .text_heading_left_column { color: #eaeaea; } .bobcat-sidebar .dotted_line_blue { background-color: #eaeaea; } .bobcat-sidebar ul { color : #ffffff; } .bobcat-sidebar a { color : #eaeaea; } .bobcat-sidebar .solid_line_blue { background-color: #eaeaea; } .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 : #eaeaea; 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 */ .bobcat-sidebar .sidebar-filter-element { margin: 0; color: #eaeaea; } .bobcat-sidebar .sidebar-filter-element h2 { color: #eaeaea; border-bottom: 1px solid #eaeaea; padding-bottom: 0; } .bobcat-sidebar .sidebar-filter-element .button-wrapper, .bobcat-sidebar .sidebar-filter-element .button { background: auto; height: 25px; margin-bottom: 0; } .bobcat-sidebar .sidebar-filter-element h2 input { float: right; clear: none; } .bobcat-sidebar .sidebar-filter-element .filter-text { display: inline; line-height: 28px; } .text_heading_left_column { clear: both; } .bobcat-sidebar .filter-by input { display: inline-block; background: url('button_background_right.gif') right no-repeat; padding: 0 10px; height: 26px; } .bobcat-sidebar .filter-submit { background: url('button_background_left.gif') left no-repeat; cursor:pointer; color: #ffffff; padding: 0 0 0 10px; margin: 0; border: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; } /* 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: none; } #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 #333333; font: 12px Arial, Helvetica, sans-serif; padding: 1px; background: #ffffff; color: #333333; 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: #515151; float: left; line-height: 30px; padding-right: 10px; text-decoration: none; text-transform: uppercase; } #minimal-navigation-bar ul li a:hover { color: #a7a7a7; } #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 #515151; } #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 #515151; } .minimal-address-box { float: left; display: inline; width: 180px; margin: 0 20px; height: 80px; padding: 10px 0; font-size: 11px; color: #333333; } .minimal-copyright-info { float: right; display: inline; margin: 0 20px; height: 80px; width: 200px; text-align: right; padding: 10px 0; font-size: 11px; color: #333333;	 } .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 */ .minimal-sidebar .sidebar-filter-element { margin: 0; } .minimal-sidebar .filter-list { overflow: hidden; padding-bottom: 5px; border-bottom: 1px solid #515151; } .minimal-sidebar .sidebar-filter-element h2 { color: #515151; border-bottom: 1px solid #515151; padding-bottom: 0; } .minimal-sidebar .sidebar-filter-element .button-wrapper, .minimal-sidebar .sidebar-filter-element .button { height: 25px; margin-bottom: 0; } .minimal-sidebar .sidebar-filter-element .button-wrapper { background: #a7a7a7; } .minimal-sidebar .sidebar-filter-element .button { background: none; } .minimal-sidebar .sidebar-filter-element h2 input { float: right; clear: none; } .minimal-sidebar .sidebar-filter-element .filter-text { display: inline; line-height: 28px; } .text_heading_left_column { clear: both; } .minimal-sidebar .filter-by input { display: inline-block; padding: 0 10px; height: 26px; } .minimal-sidebar .filter-submit { background: #a7a7a7; cursor:pointer; color: #ffffff; padding: 0 0 0 10px; margin: 0; border: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .sidebar .sidebar-filter-element { margin: 0; padding: 0; overflow: hidden; } .sidebar .smart-sidebar-filter .sidebar-filter-element { border: 1px solid #a7a7a7; margin-bottom: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .sidebar .sidebar-filter-element h2 { padding: 5px; color: #333333; font-size: 12px; } .sidebar .sidebar-filter-element .button-wrapper, .sidebar .sidebox  .sidebar-filter-element .button { margin: 0; padding: 0; } .sidebar .sidebar-filter-element .button-wrapper { border-right: 1px solid #888888; float: right; margin-bottom: 10px; } .sidebar .sidebar-filter-element .button { background: #515151; color: #ffffff; padding: 0 10px; height: 20px; font-weight: normal; } .sidebar .sidebar-filter-element h2 input { float: right; clear: none; margin-bottom: 0; } .sidebar .sidebar-filter-element .filter-text { display: inline; line-height: 20px; } .sidebar .filter-by { float: right; } .sidebar .filter-by input { display: inline-block; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; background: #515151; padding: 0 10px; border-left: 1px solid #888888; height: 20px; } .sidebar .filter-submit { cursor: pointer; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; } .sidebar .filter-list { padding: 0 5px; } /* start clear button */ .clear-button { float: right; -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) ); background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); background-color: #ededed; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #dcdcdc; display: inline-block; color: #777777; font-family: arial; font-size: 10px; font-weight: normal; padding: 2px 6px; text-decoration: none; text-shadow: 1px 1px 0px #ffffff; } .clear-button:hover { background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) ); background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); background-color: #dfdfdf; } .clear-button:active { position: relative; top: 1px; } /* end clear button */ .filter-submit{ background: transparent; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding: 0 3px; border-width: 0; padding: 4px;	 } .filter-submit:hover{ cursor: pointer; text-decoration: underline;	 } /* Social Media */ .follow-buttons, .share-buttons { vertical-align: top; padding: 0; height: 28px; } .follow-buttons { float: right; clear: right; } .follow-buttons, .social-badges { margin: 10px; } .social-badges { clear: left; } .social-badges img { padding: 0 3px; border: none; } .twitter-follow-button, .twitter-share-button, .fb-like, .fb-send, a.pin-follow { float: left; vertical-align: top; margin: 0 4px 0 0; } .fb-share { float: left; vertical-align: top; margin: 0 0 0 -10px; padding: 0; } .fb-follow { float: left; vertical-align: top; margin: 0 10px 0 0; width: 56px; text-align: left; } .g-follow, .g-ytsubscribe { float: left; margin: 0 4px 0 0; } a.pin-button img { border: 0; } .embedded-map { margin: 20px 0; } .embedded-map iframe { border: 1px #515151 solid; } fieldset.quantity-box, fieldset.product-prompt { border: 0; } .quantityButton { display:none; } .mobileHeader { display:none; } /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net *  * Copyright (c) 2008 - 2010 Janis Skarnelis * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. *  * Version: 1.3.4 (11/11/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: *   http://www.opensource.org/licenses/mit-license.php *   http://www.gnu.org/licenses/gpl.html */ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 9991104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('fancybox.png'); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 9991100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 9991101; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 9991102; border: 0px solid #fff; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 9991101; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('fancybox.png') -40px 0px; cursor: pointer; z-index: 9991103; display: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('fancy_blank.gif'); z-index: 9991102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 9991102; display: block; } #fancybox-left-ico { background-image: url('fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 9991001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('fancybox-x.png'); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url('fancybox.png'); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('fancybox-y.png'); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('fancybox.png'); background-position: -40px -182px;  } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('fancybox-x.png'); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('fancybox.png'); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('fancybox-y.png'); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url('fancybox.png'); background-position: -40px -122px; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 9991102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url('fancy_title_over.png'); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url('fancybox.png') -40px -90px no-repeat; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('fancybox-x.png') 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url('fancybox.png') -55px -90px no-repeat; } /* IE6 */ .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_close.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); } #fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); } #fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_loading.png', sizingMethod='scale'); } /* IE6, IE7, IE8 */ .fancybox-ie .fancybox-bg { background: transparent !important; } .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_nw.png', sizingMethod='scale'); } /* Drillpine.biz stuff added below */ /* override CSS to always show nav arrows */ #fancybox-left-ico { top: 0px; left: 20px; } #fancybox-right-ico { top: 0px; right: 20px; left: auto; } 	 /* Drillpine Lightbox Responsive icon positioning with respect to main image */ .lbo-ftab-icons-above 		{float: none !important; text-align:center !important; padding:0px !important;} .lbo-ftab-icons-above br	{clear:both;} .lbo-ftab-icons-above img	{margin:3px !important;} .lbo-ftab-icons-below 		{clear:both !important; float: none !important; text-align:center !important; padding:0px !important;} .lbo-ftab-icons-below br	{clear:both;} .lbo-ftab-icons-below img	{margin:3px !important;} .lbo-ftab-icons-left 		{float:left !important; text-align:center !important; padding:0px !important;} .lbo-ftab-icons-left br		{clear:both;} .lbo-ftab-icons-left img	{margin:3px !important;} .lbo-ftab-icons-right 		{float:right !important; text-align:center !important; padding:0px !important;} .lbo-ftab-icons-right br	{clear:both;} .lbo-ftab-icons-right img	{margin:3px !important;} .lbo-ptab						{} .lbo-ptab-icons-above		{float:none !important; text-align:center !important; padding:0px !important;} .lbo-ptab-icons-above img	{margin-right:2px !important;} .lbo-ptab-icons-below		{float:none !important; text-align:center !important; padding:0px !important;} .lbo-ptab-icons-below img	{margin-right:2px !important;} .lbo-ptab-icons-left 		{float:left !important; text-align:center !important; padding:0px !important; padding-right:5px !important;} .lbo-ptab-icons-left img	{margin-right:2px !important;} .lbo-ptab-icons-right 		{float:left !important; margin-left: 5px; text-align:center !important; padding:0px !important;} .lbo-ptab-icons-right img	{margin-right:2px !important;} .lbo-xtab						{padding: 0px;} .lbo-xtab img					{float: none !important; text-align:center !important; margin: 5px !important; padding:0px} .lbo-xtab-icons-above 		{float: none !important; text-align:center !important; padding:0px !important;} .lbo-xtab-icons-below 		{clear:both; float: none !important; text-align:center !important; padding:0px !important;} .lbo-xtab-icons-left 		{float:left !important; margin-left:20px !important; text-align:center !important; padding:0px !important;} .lbo-xtab-icons-right 		{float:right !important; margin-left:20px !important; text-align:center !important; padding:0px !important;} .lbicon							{padding: 2px !important; border:1px solid silver !important; width:auto !important;} .lb-auxbutton					{cursor:pointer; width:auto !important; height:auto !important;} /*! jQuery UI - v1.10.1 - 2013-03-06 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.tabs.css * Loosely based on Flick theme * Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; } .ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } /* Component containers ----------------------------------*/ .tabber .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .tabber .ui-widget .ui-widget { font-size: 1em; } .tabber .ui-widget input, .tabber .ui-widget select, .tabber .ui-widget textarea, .tabber .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .tabber .ui-widget-content { border: 1px solid #dedbd1; background: #fff; color: black; } .tabber .ui-widget-content a { } .tabber .ui-widget-header { border: 1px solid #dedbd1; background: #dddddd; color: white; font-weight: bold; } .tabber .ui-widget-header a { color: white; } /* Interaction states ----------------------------------*/ .tabber .ui-state-default, .tabber .ui-widget-content .ui-state-default, .tabber .ui-widget-header .ui-state-default { border: 1px solid #dedbd1; background: #5681ac; font-weight: bold; } .tabber .ui-state-default a, .tabber .ui-state-default a:link, .tabber .ui-state-default a:visited { text-decoration: none; } .tabber .ui-state-hover, .tabber .ui-widget-content .ui-state-hover, .tabber .ui-widget-header .ui-state-hover, .tabber .ui-state-focus, .tabber .ui-widget-content .ui-state-focus, .tabber .ui-widget-header .ui-state-focus { border: 1px solid #dedbd1; background: #f0f0f0; font-weight: bold; } .tabber .ui-state-hover a, .tabber .ui-state-hover a:hover, .tabber .ui-state-hover a:link, .tabber .ui-state-hover a:visited { color: #5681ac; text-decoration: none; } .tabber .ui-state-active, .tabber .ui-widget-content .ui-state-active, .tabber .ui-widget-header .ui-state-active { border: 1px solid #dedbd1; background: #fff; font-weight: bold; color: #000; } .tabber .ui-state-active a, .tabber .ui-state-active a:link, .tabber .ui-state-active a:visited { color: #000; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .tabber .ui-state-highlight, .tabber .ui-widget-content .ui-state-highlight, .tabber .ui-widget-header .ui-state-highlight { border: 1px solid #cccccc; background: #ffffff url('ui-bg_flat_55_ffffff_40x100.png') 50% 50% repeat-x; color: #444444; } .tabber .ui-state-highlight a, .tabber .ui-widget-content .ui-state-highlight a, .tabber .ui-widget-header .ui-state-highlight a { color: #444444; } .tabber .ui-state-error, .tabber .ui-widget-content .ui-state-error, .tabber .ui-widget-header .ui-state-error { border: 1px solid #ff0084; background: #ffffff url('ui-bg_flat_55_ffffff_40x100.png') 50% 50% repeat-x; color: #222222; } .tabber .ui-state-error a, .tabber .ui-widget-content .ui-state-error a, .tabber .ui-widget-header .ui-state-error a { color: #222222; } .tabber .ui-state-error-text, .tabber .ui-widget-content .ui-state-error-text, .tabber .ui-widget-header .ui-state-error-text { color: #222222; } .tabber .ui-priority-primary, .tabber .ui-widget-content .ui-priority-primary, .tabber .ui-widget-header .ui-priority-primary { font-weight: bold; } .tabber .ui-priority-secondary, .tabber .ui-widget-content .ui-priority-secondary, .tabber .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .tabber .ui-state-disabled, .tabber .ui-widget-content .ui-state-disabled, .tabber .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .tabber .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .tabber .ui-icon { width: 16px; height: 16px; background-position: 16px 16px; } .tabber .ui-icon, .tabber .ui-widget-content .ui-icon { background-image: url('ui-icons_ff0084_256x240.png'); } .tabber .ui-widget-header .ui-icon { background-image: url('ui-icons_0073ea_256x240.png'); } .tabber .ui-state-default .ui-icon { background-image: url('ui-icons_666666_256x240.png'); } .tabber .ui-state-hover .ui-icon, .tabber .ui-state-focus .ui-icon { background-image: url('ui-icons_ffffff_256x240.png'); } .tabber .ui-state-active .ui-icon { background-image: url('ui-icons_454545_256x240.png'); } .tabber .ui-state-highlight .ui-icon { background-image: url('ui-icons_0073ea_256x240.png'); } .tabber .ui-state-error .ui-icon, .tabber .ui-state-error-text .ui-icon { background-image: url('ui-icons_ff0084_256x240.png'); } /* positioning */ .tabber .ui-icon-carat-1-n { background-position: 0 0; } .tabber .ui-icon-carat-1-ne { background-position: -16px 0; } .tabber .ui-icon-carat-1-e { background-position: -32px 0; } .tabber .ui-icon-carat-1-se { background-position: -48px 0; } .tabber .ui-icon-carat-1-s { background-position: -64px 0; } .tabber .ui-icon-carat-1-sw { background-position: -80px 0; } .tabber .ui-icon-carat-1-w { background-position: -96px 0; } .tabber .ui-icon-carat-1-nw { background-position: -112px 0; } .tabber .ui-icon-carat-2-n-s { background-position: -128px 0; } .tabber .ui-icon-carat-2-e-w { background-position: -144px 0; } .tabber .ui-icon-triangle-1-n { background-position: 0 -16px; } .tabber .ui-icon-triangle-1-ne { background-position: -16px -16px; } .tabber .ui-icon-triangle-1-e { background-position: -32px -16px; } .tabber .ui-icon-triangle-1-se { background-position: -48px -16px; } .tabber .ui-icon-triangle-1-s { background-position: -64px -16px; } .tabber .ui-icon-triangle-1-sw { background-position: -80px -16px; } .tabber .ui-icon-triangle-1-w { background-position: -96px -16px; } .tabber .ui-icon-triangle-1-nw { background-position: -112px -16px; } .tabber .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .tabber .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .tabber .ui-icon-arrow-1-n { background-position: 0 -32px; } .tabber .ui-icon-arrow-1-ne { background-position: -16px -32px; } .tabber .ui-icon-arrow-1-e { background-position: -32px -32px; } .tabber .ui-icon-arrow-1-se { background-position: -48px -32px; } .tabber .ui-icon-arrow-1-s { background-position: -64px -32px; } .tabber .ui-icon-arrow-1-sw { background-position: -80px -32px; } .tabber .ui-icon-arrow-1-w { background-position: -96px -32px; } .tabber .ui-icon-arrow-1-nw { background-position: -112px -32px; } .tabber .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .tabber .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .tabber .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .tabber .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .tabber .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .tabber .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .tabber .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .tabber .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .tabber .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .tabber .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .tabber .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .tabber .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .tabber .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .tabber .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .tabber .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .tabber .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .tabber .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .tabber .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .tabber .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .tabber .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .tabber .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .tabber .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .tabber .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .tabber .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .tabber .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .tabber .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .tabber .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .tabber .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .tabber .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .tabber .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .tabber .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .tabber .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .tabber .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .tabber .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .tabber .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .tabber .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .tabber .ui-icon-arrow-4 { background-position: 0 -80px; } .tabber .ui-icon-arrow-4-diag { background-position: -16px -80px; } .tabber .ui-icon-extlink { background-position: -32px -80px; } .tabber .ui-icon-newwin { background-position: -48px -80px; } .tabber .ui-icon-refresh { background-position: -64px -80px; } .tabber .ui-icon-shuffle { background-position: -80px -80px; } .tabber .ui-icon-transfer-e-w { background-position: -96px -80px; } .tabber .ui-icon-transferthick-e-w { background-position: -112px -80px; } .tabber .ui-icon-folder-collapsed { background-position: 0 -96px; } .tabber .ui-icon-folder-open { background-position: -16px -96px; } .tabber .ui-icon-document { background-position: -32px -96px; } .tabber .ui-icon-document-b { background-position: -48px -96px; } .tabber .ui-icon-note { background-position: -64px -96px; } .tabber .ui-icon-mail-closed { background-position: -80px -96px; } .tabber .ui-icon-mail-open { background-position: -96px -96px; } .tabber .ui-icon-suitcase { background-position: -112px -96px; } .tabber .ui-icon-comment { background-position: -128px -96px; } .tabber .ui-icon-person { background-position: -144px -96px; } .tabber .ui-icon-print { background-position: -160px -96px; } .tabber .ui-icon-trash { background-position: -176px -96px; } .tabber .ui-icon-locked { background-position: -192px -96px; } .tabber .ui-icon-unlocked { background-position: -208px -96px; } .tabber .ui-icon-bookmark { background-position: -224px -96px; } .tabber .ui-icon-tag { background-position: -240px -96px; } .tabber .ui-icon-home { background-position: 0 -112px; } .tabber .ui-icon-flag { background-position: -16px -112px; } .tabber .ui-icon-calendar { background-position: -32px -112px; } .tabber .ui-icon-cart { background-position: -48px -112px; } .tabber .ui-icon-pencil { background-position: -64px -112px; } .tabber .ui-icon-clock { background-position: -80px -112px; } .tabber .ui-icon-disk { background-position: -96px -112px; } .tabber .ui-icon-calculator { background-position: -112px -112px; } .tabber .ui-icon-zoomin { background-position: -128px -112px; } .tabber .ui-icon-zoomout { background-position: -144px -112px; } .tabber .ui-icon-search { background-position: -160px -112px; } .tabber .ui-icon-wrench { background-position: -176px -112px; } .tabber .ui-icon-gear { background-position: -192px -112px; } .tabber .ui-icon-heart { background-position: -208px -112px; } .tabber .ui-icon-star { background-position: -224px -112px; } .tabber .ui-icon-link { background-position: -240px -112px; } .tabber .ui-icon-cancel { background-position: 0 -128px; } .tabber .ui-icon-plus { background-position: -16px -128px; } .tabber .ui-icon-plusthick { background-position: -32px -128px; } .tabber .ui-icon-minus { background-position: -48px -128px; } .tabber .ui-icon-minusthick { background-position: -64px -128px; } .tabber .ui-icon-close { background-position: -80px -128px; } .tabber .ui-icon-closethick { background-position: -96px -128px; } .tabber .ui-icon-key { background-position: -112px -128px; } .tabber .ui-icon-lightbulb { background-position: -128px -128px; } .tabber .ui-icon-scissors { background-position: -144px -128px; } .tabber .ui-icon-clipboard { background-position: -160px -128px; } .tabber .ui-icon-copy { background-position: -176px -128px; } .tabber .ui-icon-contact { background-position: -192px -128px; } .tabber .ui-icon-image { background-position: -208px -128px; } .tabber .ui-icon-video { background-position: -224px -128px; } .tabber .ui-icon-script { background-position: -240px -128px; } .tabber .ui-icon-alert { background-position: 0 -144px; } .tabber .ui-icon-info { background-position: -16px -144px; } .tabber .ui-icon-notice { background-position: -32px -144px; } .tabber .ui-icon-help { background-position: -48px -144px; } .tabber .ui-icon-check { background-position: -64px -144px; } .tabber .ui-icon-bullet { background-position: -80px -144px; } .tabber .ui-icon-radio-on { background-position: -96px -144px; } .tabber .ui-icon-radio-off { background-position: -112px -144px; } .tabber .ui-icon-pin-w { background-position: -128px -144px; } .tabber .ui-icon-pin-s { background-position: -144px -144px; } .tabber .ui-icon-play { background-position: 0 -160px; } .tabber .ui-icon-pause { background-position: -16px -160px; } .tabber .ui-icon-seek-next { background-position: -32px -160px; } .tabber .ui-icon-seek-prev { background-position: -48px -160px; } .tabber .ui-icon-seek-end { background-position: -64px -160px; } .tabber .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .tabber .ui-icon-seek-first { background-position: -80px -160px; } .tabber .ui-icon-stop { background-position: -96px -160px; } .tabber .ui-icon-eject { background-position: -112px -160px; } .tabber .ui-icon-volume-off { background-position: -128px -160px; } .tabber .ui-icon-volume-on { background-position: -144px -160px; } .tabber .ui-icon-power { background-position: 0 -176px; } .tabber .ui-icon-signal-diag { background-position: -16px -176px; } .tabber .ui-icon-signal { background-position: -32px -176px; } .tabber .ui-icon-battery-0 { background-position: -48px -176px; } .tabber .ui-icon-battery-1 { background-position: -64px -176px; } .tabber .ui-icon-battery-2 { background-position: -80px -176px; } .tabber .ui-icon-battery-3 { background-position: -96px -176px; } .tabber .ui-icon-circle-plus { background-position: 0 -192px; } .tabber .ui-icon-circle-minus { background-position: -16px -192px; } .tabber .ui-icon-circle-close { background-position: -32px -192px; } .tabber .ui-icon-circle-triangle-e { background-position: -48px -192px; } .tabber .ui-icon-circle-triangle-s { background-position: -64px -192px; } .tabber .ui-icon-circle-triangle-w { background-position: -80px -192px; } .tabber .ui-icon-circle-triangle-n { background-position: -96px -192px; } .tabber .ui-icon-circle-arrow-e { background-position: -112px -192px; } .tabber .ui-icon-circle-arrow-s { background-position: -128px -192px; } .tabber .ui-icon-circle-arrow-w { background-position: -144px -192px; } .tabber .ui-icon-circle-arrow-n { background-position: -160px -192px; } .tabber .ui-icon-circle-zoomin { background-position: -176px -192px; } .tabber .ui-icon-circle-zoomout { background-position: -192px -192px; } .tabber .ui-icon-circle-check { background-position: -208px -192px; } .tabber .ui-icon-circlesmall-plus { background-position: 0 -208px; } .tabber .ui-icon-circlesmall-minus { background-position: -16px -208px; } .tabber .ui-icon-circlesmall-close { background-position: -32px -208px; } .tabber .ui-icon-squaresmall-plus { background-position: -48px -208px; } .tabber .ui-icon-squaresmall-minus { background-position: -64px -208px; } .tabber .ui-icon-squaresmall-close { background-position: -80px -208px; } .tabber .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .tabber .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .tabber .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .tabber .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .tabber .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .tabber .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .tabber .ui-corner-all, .tabber .ui-corner-top, .tabber .ui-corner-left, .tabber .ui-corner-tl { border-top-left-radius: 2px; } .tabber .ui-corner-all, .tabber .ui-corner-top, .tabber .ui-corner-right, .tabber .ui-corner-tr { border-top-right-radius: 2px; } .tabber .ui-corner-all, .tabber .ui-corner-bottom, .tabber .ui-corner-left, .tabber .ui-corner-bl { border-bottom-left-radius: 2px; } .tabber .ui-corner-all, .tabber .ui-corner-bottom, .tabber .ui-corner-right, .tabber .ui-corner-br { border-bottom-right-radius: 2px; } /* Overlays */ .tabber .ui-widget-overlay { background: #eeeeee url('ui-bg_flat_0_eeeeee_40x100.png') 50% 50% repeat-x; opacity: .8; filter: Alpha(Opacity=80); } .tabber .ui-widget-shadow { margin: -4px 0 0 -4px; padding: 4px; background: #aaaaaa url('ui-bg_flat_0_aaaaaa_40x100.png') 50% 50% repeat-x; opacity: .6; filter: Alpha(Opacity=60); border-radius: 0px; }