body { margin: 0; padding: 0; background: #edf4f4 url('http://www.worldofbears.com/acatalog/body-bg.png') repeat-x 6px top; font-family: verdana, arial, tahoma, san-serif; font-size: 12px; color: #192222; text-align: center; } #outerWRAP { width: 1000px; margin: 0 auto; text-align: left; } #header { position: relative; top: 0; left: 0; width: 1000px;	 height: 173px; background: #88B2B5 url('header-bg.jpg') center top no-repeat; } #nav1 { position: relative; width: 1000px;	 height: 52px; background: #edf4f4 url('http://www.worldofbears.com/acatalog/design_17.png') left top; } #navLINKS { position: absolute; width: 500px; top: 20px; left: 250px; text-align: center; z-index: 999; } .sectionCENTER { text-align: center; } #container { width: 1000px;	 } #colLEFT { width: 180px; float: left; margin: 0; padding:0; } #colLEFTtop { width: 180px; height: 14px; background: #e2c275 url('http://www.worldofbears.com/acatalog/left-top.png') center top no-repeat; } #colLEFTmid { width: 180px;	 background: #e2c275 url('http://www.worldofbears.com/acatalog/left-mid.png') center top repeat-y;	 } #colLEFTbot { width: 180px; height: 12px; background: #edf4f4 url('http://www.worldofbears.com/acatalog/left-bot.png') center top no-repeat; } #colMAIN { width: 670px; float: left; margin: 0; padding: 0; background-color:#fff } #colMAINtop { width: 670px; height: 14px; background: #fff url('http://www.worldofbears.com/acatalog/main-top.png') center top no-repeat; } #colMAINmid { width: 670px; background: #fff url('http://www.worldofbears.com/acatalog/main-mid.png') repeat-y; } #colMAINbot { width: 670px; height: 20px; background: #fff url('http://www.worldofbears.com/acatalog/main-bot.png') center top no-repeat; } #mainCONTENT { width: 650px; margin-left: 10px; } #colRIGHT2 { width: 150px; float: right; margin: 0; padding: 0; } #colRIGHTtop { width: 150px; height: 89px; background: transparent url('http://www.worldofbears.com/acatalog/leftCOL_01.png') center bottom  no-repeat; } #colRIGHTmid { width: 150px; background: transparent url('http://www.worldofbears.com/acatalog/leftCOL_02.png') center top repeat-y; } #colRIGHTsell { width: 140px; text-align: center; margin: 0 5px; } .rightCOLdiv { border-bottom: 1px solid silver; } #colRIGHTbot { width: 150px; height: 18px; background: transparent url('http://www.worldofbears.com/acatalog/leftCOL_03.png')center top no-repeat; } #footerWRAP { height: 350px; padding-top: 45px; clear: both; background: #5b504b url('http://www.worldofbears.com/acatalog/footer-bg.png') repeat-x; } .clr {clear: both;} h1.strapline { position: absolute; top: 130px; left: 240px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #192222; } #logoHOME { position: absolute; top: 0px; left: 0px; } #quickSEARCH { position: absolute; top: 40px; left: 740px; } #quickSEARCH input {border: 0} #cartSUMM { position: absolute; top: 120px; left: 725px; } #cartSUMM div { height: 20px; } #cartBTNS { position: absolute; top: 80px; left: 900px; } p, table, td, th { font-style: normal; font-weight: normal; margin-top: 0px; font-size: 12px; } form { margin: 0px; } a:link { color: #8c9c4b; text-decoration: none; } a:visited { color: #8c9c4b; text-decoration: none; } a:hover { color: #000000; text-decoration: underline; } a:active { color: #a91c07; text-decoration: none; } a.checkout-checkoutbg { margin-right: 10px; padding-top: 3px; padding-bottom: 3px; padding-left: 8px; padding-right: 8px; border: #ffffff 2px solid; border-top: #ffffff 2px solid; border-right: #000000 1px solid; border-bottom: #000000 1px solid; } a.checkout-checkoutbg:link { color: #ffffff; text-decoration: none; } a.checkout-checkoutbg:visited { color: #ffffff; text-decoration: none; } a.checkout-checkoutbg:hover { color: #ffffff; text-decoration: underline; } a.checkout-checkoutbg:active { color: #ffffff; text-decoration: underline; } a.checkout-textcolor:link { color: #000000; text-decoration: none; } a.checkout-textcolor:visited { color: #000000; text-decoration: none; } a.checkout-textcolor:hover { color: #000000; text-decoration: underline; } a.checkout-textcolor:active { color: #000000; text-decoration: underline; } ul { list-style-type: square; } /* Generic text formatting used throughout the store ---------------------------- */ .checkoutBG2 { } .checkoutBG th { font-weight: bold; background-color: #B29961; color: #fff; padding: 6px 0; } .actCHECKOUTEM { background-color: #bbc78b; } .actCHECKOUTBG { background-color: #ffffff; } .actlarger { font-size: 12px; color: #000000; } .actsmaller{ font-size: 9px; color: #000000; } .actxxsmall { font-size: 9px; color: #000000; } .actxsmall { font-size: 12px; color: #000000; } .actsmall { font-size: 12px; color: #000000; } .actregular { font-size: 12px; color: #000000; } .actlarge{ font-size: 15px; color: #000000; } .actxlarge { font-size: 20px; color: #000000; } .actxxlarge { font-size: 20px; color: #000000; } .actwarningcolor { color: #ff8000; } .actrequiredcolor { color: #ff8000; } .actsearchhighlightcolor { color: #666600; } .actrequired { color: #ff8000; } .actwarning { font-size: 12px; color: #ff8000; } .actwelcome { font-size: 12px; color: #000000; } .actlogotext { font-size: 12px; color: #D9090E; font-style: normal; font-weight: bold; text-align: center; } .actlogout { font-size: 12px; color: #8c9c4b; } /* Boxes and borders ------------------------------------------- */ .thinborder1 { border: 1px solid #375759; } .thinborder2 { border: 1px solid #375759; } .thinred { border: solid 1px #375759; border-top: 0px; } .thinred2 { border: solid 1px #375759; border-top: 0px; }  .boxheading { font-weight: bold; text-transform: uppercase; color: #ffffff; } a.boxlink:link{ color: #ffffff; text-decoration:none; } a.boxlink:visited{ color: #ffffff; text-decoration:none; } a.boxlink:hover{ color: #ffffff; text-decoration:underline; } a.boxlink:active{ color: #ffffff; text-decoration:none; } * html .boxhead h2 {height: 1%;} .sidebox { background: url('theme_curve4.png') no-repeat bottom right; font-size: 100%; } .boxhead { background: url('theme_curve2.png') no-repeat top right; margin: 0; padding: 0; text-align: left; } .boxhead h2 { background: url('theme_curve1.png') no-repeat top left; margin: 0; padding: 5px 10px 5px; color: #ffffff;  font-weight: bold;  font-size: 1.2em;  line-height: 1em; } .boxbody { background: url('theme_curve3.png') no-repeat bottom left; margin: 0; padding: 5px 10px 11px; } .boxbody ol { margin: 0; padding: 0; margin-left: 1.2em; padding-left: 1.2em; } .boxbody ol li { margin-bottom: 0.2em; } /* Shopping cart and checkout fields ------------------------------------------- */ div.CheckoutCartSection { margin-top: 0px; margin-bottom: 10px; width: 640px; } table.checkout#idTableCheckoutSection { margin-bottom: 0px; } table.checkout-cart { width: 640px; border-collapse: collapse; padding: 0px 0px; margin-bottom: 5px; } table.checkout-cart th{ font-weight: bold; background-color: #86b1b4; border-top: solid 1px #86b1b4; border-bottom: solid 1px #86b1b4; padding: 4px 4px; } table.checkout-cart td{ padding: 4px 4px; } table.checkout { width: 640px; border-collapse: collapse; padding: 0px 0px; text-align: left; margin-bottom: 5px; } table.checkout th { background-color: #bbc78b; font-size: 12px; font-weight: bold; color: #ffffff; 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: #375759; border: 1px solid #375759; color: #ffffff; background-image: url('theme_icon_add_to_cart.png'); word-spacing: normal; } table.checkout td { background-color: #ffffff; border-right: solid 1px #ffffff; border-bottom: solid 1px #ffffff; padding: 2px 2px; } table.checkout#idBothAddressesTable col { width: auto; } td#idCheckoutHelpLabel, table.checkout#idBothAddressesTable col.prompt { width: 130px; } .cart { background-color: #ffffff; border-bottom: solid 1px #bbc78b; } .checkout-cartheading { font-weight: bold; background-color: #ffffff; border-top: solid 1px #bbc78b; border-bottom: solid 1px #bbc78b; } .cartheading { background-color: #86b1b4; font-weight: bold; color: #ffffff; } h2.checkout-heading { background-color: #bbc78b; font-size: 12px; font-weight: bold; color: #ffffff; padding: 5px 4px; border-bottom: solid 3px #ffffff; width: 650px; } a.cartH2  { font-size: 14px; color: #86b1b4; text-decoration: none; padding: 4px; line-height: 25px; } h3.checkout-heading { width: 630px;  padding: 4px; background-color: #B29961; font-size: 12px; font-weight: bold; color: #ffffff; border-bottom: solid 3px #ffffff; text-align: left; } .checkout-subheading { font-weight: bold; padding: 0; margin: 0; } img.cartthumbnail { border: 0px; margin-left: 2px; margin-right: 2px; width: 25px; } input.normal-button { font-family: Georgia, Times New Roman, Times, serif; font-size: 12px; font-weight: bold; color: #ffffff; background: #375759; padding: 5px; border: solid 1px #000000; } input.highlight-button { font-family: Georgia, Times New Roman, Times, serif; font-size: 12px; font-weight: bold; color: #ffffff; background: #375759; padding: 5px; border: solid 1px #000000; } .checkout-field-label { width: 160px; } .checkout-field-input { width: auto; } .checkout-field-input input, .checkout-field-input select { font-family: Georgia, Times New Roman, Times, serif; font-size: 12px; color: #000000; background-color: #ffffff; padding: 2px; } .InvoiceField input, .InvoiceField select { font-family: Georgia, Times New Roman, Times, serif; font-size: 12px; color: #000000; background-color: #ffffff; padding: 2px; } .DeliverField input, .DeliverField select { font-family: Georgia, Times New Roman, Times, serif; font-size: 12px; color: #000000; background-color: #ffffff; padding: 2px; } table.checkout#idBothAddressesTable select { width: 211px; } input.checkbox { background-color: #ffffff; border: 0;	 } .checkout-field-area { background: #ffffff; border-bottom: solid 2px #ffffff; width: 650px; } .checkout-field-area p { margin: 0; padding: 4px; } div.checkout-buttons { width: 640px;  height: 50px;  margin-top: 20px; } .left {  float : left;  width : 50%;  } .right {  float : right;  width : 40%;  } .spacer {  clear : both;  } .checkout-help-hide {  display: none;  } /* Checkout Progress Indicator  ------------------------------------------------ */ p.checkout-progress-heading { width: 300px; margin: 0px auto; } #checkout-progress-indicator { width: 300px; height: 19px; background-image: url('cpi-background.gif'); margin: 0 auto 0px auto; } .checkout-progress-0 { width: 75px; height: 19px; background-color: #375759; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-1 { width: 150px; height: 19px; background-color: #375759; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-2 { width: 225px; height: 19px; background-color: #375759; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-3 { width: 300px; height: 19px; background-color: #375759; background-image: url('cpi-main.gif'); float: left; } #checkout-progress-indicator .cpi-end { width: 8px; padding: 0; margin: 0; border: 0; height: 19px; background-image: url('cpi-end.gif'); background-position: right; background-repeat: no-repeat; float: left; } table#idCheckoutProgress { margin-bottom: 10px; } table#idCheckoutProgress td{ background-repeat:repeat-x; background-color:transparent; border: 0px; padding: 0px; height:19px; text-align:center; } table#idCheckoutProgress td.cpi-left{ background-image:url('cpi-main.gif'); color:white; width:160px; } table#idCheckoutProgress td.cpi-complete{ background-image:url('cpi-main-mid.gif'); color:white; width:160px; } table#idCheckoutProgress td.cpi-incomplete{ background-image:url('cpi-background.gif'); color:black; width:160px; } table.CheckoutProgress { width: 640px; border-collapse: collapse; margin-bottom: 10px; } table.CheckoutProgress td { padding: 0px 0px; background-repeat: repeat-x; background-color: transparent; height: 19px; text-align: center; } table.CheckoutProgress td.cpi-start{ background-image: url('cpi-main.gif'); width: 8px; } table.CheckoutProgress td.cpi-inactive{ background-image: url('cpi-main-mid.gif'); color: #ffffff; } table.CheckoutProgress td.cpi-active{ background-image: url('cpi-background.gif'); font-weight: bold; color: #000000; } table.CheckoutProgress td.cpi-end { background-image: url('cpi-end.gif'); width: 8px; } table.CheckoutProgress td.cpi-spacer { background-image: url('cpi-main-mid.gif'); width: auto; } /* Formatting for the site map -------------------------------------------- */ #actinic-sitemap { margin-left: 5px; } #actinic-sitemap ul { margin-bottom: 0; padding-bottom: 0; } /* Formatting for Feefo customer feedback --------------------------------- */ .feefositelogo { margin-top: 10px; text-align: center; }  .feefoproductlogo { margin-top: 10px; } /*page*/ #page { width:100%; margin: 0px; padding: 15px 0px 0px 0px; background:#fff; overflow:hidden; } .alsobought { color:#808080; } /* comments box start*/ .comments { overflow:hidden; padding:0 0 20px; } .comm-table h3 a { color:#000; font-weight:bold; text-decoration:none !important; } .comm-table h3 a:hover {color:#939598;} .comm-table { width:100%; border-collapse:collapse; } .comm-table th { background:#bcbdc0; padding:0 4px; text-align:left; border-bottom:1px solid #fff; } .comm-table td { vertical-align:top; padding:4px 10px 4px 4px; border-bottom:1px solid #fff; background:#fff4bf; } .comm-table .row td {background:#ffec95;} .comm-table h3 { font:bold 1em Arial, Helvetica, sans-serif; margin:0; } .comm-table ul { padding:0; margin:0; height:1%; overflow:hidden; } .comm-table ul li {height:1%;} .comm-table p {margin:0;} .comm-table a { color:#000; text-decoration:underline; } .comm-table a:hover { color:#939598; text-decoration:none; } .comm-rating { overflow:hidden; padding:0 0 8px; } .comm-rating em { display:block; font-style:normal; } .comm-rating img {vertical-align:middle;} /* Recently Viewed Products List Style ------------------------------------ */ #rphtml { display: none;  visibility:hidden; } /* Used internally - do not delete */ #recenthtlist { width: 650px; text-align:left; } #recenthtitem { border-spacing: 0px; } #recenthtitem td { width: 150px; padding: 4px; text-align: center; border-left: 1px solid #e5e5e5; border-right:1px solid #e5e5e5; } .recenthtitemimage { border-top: 1px solid #e5e5e5; } .recenthtitemdesc	{} .recenthtitemprice	{} .recenthtitemdelete { border-bottom: 1px solid #e5e5e5; } .recenthtitemspacer { width:2px !important;  border:0 !important; padding: 0px !important; } .recenththeader { padding: 3px; font-size: 15px; font-weight: 900; margin: 0px; color: #375759; width: 644px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .recenthtbuttonleft { float: left; cursor: pointer; width: 100px; border: 0; background-color: #ffffff; } .recenthtbuttonright { float: right; cursor: pointer; width: 100px; border: 0; background-color: #ffffff; } /* Used by 'CSS Product Layout' ------------------------------------------- */ .content_left { text-align: left; float: left; margin-right: 20px; } .content_right { text-align: left; float: left; } /* Used by 'Standard Layout Using CSS' and related CSS-based product layouts */ .product_list	{ margin: 20px 0px 20px 0px; }	 /* headings ----------------------------------------------------------------------------- */ h1	{ font-size: 20px; font-weight: 900; margin: 0px;		 padding: 16px 0px 4px 0px; color: #375759; } h1.subheading	{ font-size: 12px; font-weight: 900; margin: 0px; padding: 0px 0px 14px 0px; color: #375759; } h2	{ font-size: 15px; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #375759; } h2.clearall	{ font-size: 15px; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #375759; clear:both; } h3.product	{ font-size: 12px; font-weight: 900; margin: 0px; padding: 0px 0px 6px 0px; color: #375759; } h3.sectionTITLE { font-size: 14px; font-weight: bold; padding: 0 0 6px 0; } h3.product_price	{ font-size: 12px; font-weight: 900; margin: 0px; padding: 0px 0px 20px 0px; } .text_heading_left_column	{ margin: 0px; padding: 19px 0px 4px 0px; line-height:normal; color: #375759; font-weight: 900; font-size: 12px; } /* Default formatting of all text boxes used in store pages ---------------- */ .form_input_general	{ line-height: normal; font-size : 12px; word-spacing: normal; } /* Styles for 'Quick Search Bar With Larger Button' ------------------------ */ .form_main_search_box	{ width: 150px; height: 20px; margin: 0px 40px 0px 1px; padding: 2px; font-size : 14px; background-color: #caddde; color: #000000; vertical-align: top; } .form_main_search_box_td	{ background-color: #375759 } .form_button_quick_search	{ line-height: 13px; height: 18px; width: 85px; margin: 1px 1px 1px 1px; padding: 0px 0px 0px 12px; font-size : 12px; background-color: #375759; border: 1px solid #375759; color: #ffffff; background-image: url('theme_icon_search.png'); word-spacing: normal; } /* Styles for the 'Mini' marketing layouts ---------------------------------- */ .product_image_cost	{ margin: 0px 12px 8px 0px; text-align: center; float: left; } .text_product_small_info	{ font-size: 9px; line-height: normal; margin: 0px; padding: 0px 0px 6px 0px; } .text_product_small_info_heading	{ margin: 0px; padding: 5px 0px 12px 0px; line-height:normal; color: #375759; font-weight: 900; font-size: 12px; text-align: center; } .text_product_small_info_price	{ margin: 0px; padding: 8px 0px 0px 0px; line-height:normal; font-weight: 900; font-size: 12px; } .best_selling_items	{ padding: 10px; background-color: #ffffff; } .best_selling_items_spacing	{ padding: 0px 0px 8px 8px; } /* Styles for product image and fragment image placement in some layouts -------------------------- */ .image_float_right	{ float: right; margin: 16px 0px 15px 20px; } .image_product	{ margin: 0px 18px 10px 0px; text-align: center; float: left; } /* Links to sections and pages in sidebar menus on some themes -------------------------------------*/ ul.products	{ line-height: normal; padding: 0px 0px 0px 1px; margin: 3px 0px 4px 15px; font-size: 12px; color: #ff8000; } a.product_section:visited  { color : #8c9c4b; text-decoration : none; } a.product_section:link  { color : #8c9c4b; width: 170px; padding-bottom: 5px; border-bottom: 1px solid; text-decoration : none; } a.product_section:active  { color : #a91c07; text-decoration : none; } a.product_section:hover  { color : #000000; text-decoration : none; } /* lines -------------------------------------------------------------------------------- */ .dotted_line_blue	{ height: 0px; background-color: #375759; background-image:url('theme_dotted_line.png'); clear:both; } .solid_line_light_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #375759; clear:both; } .solid_line_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #375759; clear:both; } .dotted_outline_blue	{ border: 1px dotted #375759; padding: 8px; }		 /* Styles for 'Compact Parent Section List' ------------------------ */ .text_breadcrumbs	{ font-size: 9px; color: #375759; margin: 0px; line-height:normal; padding: 2px 0px 10px 0px; }	 a.link_breadcrumbs:visited	{	 color : #375759; text-decoration : underline; } a.link_breadcrumbs:link  { color : #375759; text-decoration : underline; } a.link_breadcrumbs:active  { color : #375759; text-decoration : underline; } a.link_breadcrumbs:hover  { color : #375759; text-decoration : underline; } /* Page footer  --------------------------------------------------------*/ .text_footer	{ color: #375759; font-size: 9px; padding:0px; margin:4px 0px 0px 0px; } .text_menu_no_space	{ word-spacing: normal; } a.link_footer:visited  { color : #e5e5e5; text-decoration : underline; } a.link_footer:link  { color : #e5e5e5; text-decoration : underline; } a.link_footer:active  { color : #e5e5e5; text-decoration : underline; } a.link_footer:hover  { color : #e5e5e5; text-decoration : underline; } /* Heading for attributes  --------------------------------------------------------*/ .text_options	{ font-weight: 900; } /* Formatting for 'Add To Cart Button With Cart Icon' ----------------------------------------------*/ .form_button_add_to_cart	{ line-height: 13px; height: 20px; width: 86px; margin: 0px 1px 0px 0px; padding: 1px 0px 1px 14px; font-size : 12px; background-color: #375759; border: 1px solid #375759; color: #ffffff; background-image: url('theme_icon_add_to_cart.png'); word-spacing: normal; }	 /* Styles for CSS Buttons ----------------------------------------------*/ .text_menu	{ padding: 2px 0px 2px 0px; font-size : 12px; margin: 0px; color : #ffffff; } a.link_menu:visited  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #375759;  border: 0px solid #e5e5e5; } a.link_menu:link  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #375759;  border: 0px solid #e5e5e5; } a.link_menu:active  { padding: 2px 5px 2px  5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; border: 0px solid #e5e5e5; } a.link_menu:hover  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #375759; border: 0px solid #e5e5e5; } .productWRAP { margin: 18px 0 15px 0; } .productLEFT { width: 230px; float: left; } .productRIGHT { width: 410px; float: right; padding-right: 8px; } .productRIGHT p { line-height: 1.5em; text-align: justify; } h1.h1productTITLE { font-size: 16px; margin: 0 0 10px 0; padding: 0; color: #598588; } .productPRICE { margin: 0 0 15px 0; } .productPRICE2 { font-size: 14px; height: 70px; } .priceAMOUNT { float: left; padding-left: 6px; } .pricePAW { float: right; } .productSTOCK { padding: 0px; margin: 14px 0 10px 0; color: #598c90; font-size: 12px; } .nextWRAP { margin: 18px 3px 10px 3px; padding: 12px 0; border-top: 1px solid silver; border-bottom: 1px solid silver; } .nextWRAP  img { margin-bottom: 8px; } .nextPREV { width: 300px; float: left; } .nextNEXT { width: 300px; float: right; text-align: right; } .nextSECTION a { font-size: 12px; font-style: normal; color: red; } /* Name: Sliding Login Panel with jQuery 1.3.2 Author: Jeremie Tisseau Author URI: http://web-kreation.com/ Date: March 26, 2009 Version: 1.0 Copyright 2009 Jeremie Tisseau "Sliding Login Panel with jQuery 1.3.2" is distributed under the GNU General Public License version 3: http://www.gnu.org/licenses/gpl-3.0.html */ /***** clearfix *****/ .clear {clear: both;height: 0;line-height: 0;} .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .clearfix {height: 1%;} .clearfix {display: block;} /* Panel Tab/button */ .tab { background: url('nav1-bg.png') repeat-x 0 0; height: 52px; position: relative; top: 0; left: 0; z-index: 999; } .tab ul { margin: 0; padding: 0; } .tab ul.login { display: block; position: relative; float: left; clear: left; height: 52px; width: 180px; font-weight: bold; line-height: 40px; margin: 0; color: #4d4d4d; font-size: 12px; text-align: center; } .tab ul.login li { text-align: left; padding: 0 6px; display: block; float: left; height: 52px; background: url('tab_m.png') repeat-x 0 0; } .tab ul.login li a { color: #15ADFF; } .tab ul.login li a:hover { color: white; } .tab .sep {color:#414141} .tab a.open, .tab a.close { height: 20px; line-height: 20px !important; padding-left: 30px !important; cursor: pointer; display: block; width: 83px; position: relative; top: 11px; } #toggle { width: 95px; overflow: hidden; margin: 0; padding: 0; } .tab a.open {background: url('bt_open.png') no-repeat left 0;} .tab a.close {background: url('bt_close.png') no-repeat left 0;} .tab a:hover.open {background: url('bt_open.png') no-repeat left -19px;} .tab a:hover.close {background: url('bt_close.png') no-repeat left -19px;} /* sliding panel */ #toppanel { position: absolute;   /*Panel will overlap  content */ /*position: relative;*/   /*Panel will "push" the content down */ top: 0; width: 1000px; z-index: 800; text-align: center; margin-left: auto; margin-right: auto; } #panel { width: 1000px; height: 900px; color: #fff; background: #89b3b6 url('panel2.png') 0px 0; overflow: hidden; position: relative; z-index: 3; display: none; padding-top: 50px; } #panel h1 { font-size: 1.6em; padding: 5px 0 10px; margin: 0; color: white; } #panel h2{ font-size: 1.2em; padding: 10px 0 5px; margin: 0; color: white; } #panel p { margin: 5px 0; padding: 0; font-size: 12px; } #panel a { font-size: 12px; line-height: 20px; padding: 2px 0 2px 8px; text-decoration: none; color: #fff; font-weight: bold; } #panel a:hover { color: #4d4d4d; text-decoration: underline; } #panel a-lost-pwd { display: block; float: left; } #panel .content { width: 960px; margin: 0 auto; padding-top: 15px; text-align: left; font-size: 0.85em; } #panel .content .left { width: 220px; float: left; margin-left: 15px; /*border-left: 1px solid #333;*/ } #panel .content .right { /*border-right: 1px solid #333;*/ width: 220px; } #panel .content form { margin: 0 0 10px 0; } #panel .content label { float: left; padding-top: 8px; clear: both; width: 220px; display: block; } #arrowlistmenu{ width: 180px; /*width of accordion menu*/ } #arrowlistmenu h3.menuheader a, #arrowlistmenu h3.menuheader a:visited  { border: 0; color: #362f2d; font-size: 12px; } #arrowlistmenu h3.menuheader a:hover { background: transparent; } h3.menuheader {margin: 0;} #arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/ font: bold 12px Arial; color: #362f2d; background: #e4c373 url('menuLINK.png') repeat-x center left; margin-bottom: 2px; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 4px 0 4px 2px; cursor: hand; cursor: pointer; } #arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/ background-image: url('menuLINKED.png'); } #arrowlistmenu ul{ /*CSS for UL of each sub menu*/ list-style-type: none; margin: 0; padding: 0; margin-bottom: 0px; } #arrowlistmenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/ } #arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/ background: lightblue !important; } #arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/ background: lightgreen !important; } #arrowlistmenu ul.categoryitems li a{ color: #1b1a19; /*background: url('arrowbullet.png') no-repeat center left; */ display: block; padding: 2px 0 2px 6px; text-decoration: none; font-weight: bold; border-bottom: 1px solid #dadada; font-size: 11px; } #arrowlistmenu ul li a:visited{ color: #1b1a19; } #arrowlistmenu ul li a:hover{ /*hover state CSS*/ background-color: #e1c891; } #arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/ background: lightblue; } #footer { width: 1000px; margin: 0 auto; } #footer h4 { font-size: 12px; padding-bottom: 5px; margin: 0; color: #fff; } #footer a { font-size: 10px; background-image: url('link.png'); background-repeat: no-repeat; padding-left: 15px; line-height: 1.8em; color: #fff; text-decoration: none; } #footer a:visited { font-size: 10px; background-image: url('link.png'); background-repeat: no-repeat; padding-left: 15px; line-height: 1.8em; color: #fff; text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer p { color: #fff; font-size: 12px; } .footerBox { display: block; width: 210px; margin-left: 20px; float: left; text-align: left; } #footCOPY { clear: both; width: 1000px; padding-top: 30px; margin: 0 auto; text-align: center; } #footCOPY p { color: #fff; font-size: 10px; } .sectioWRAP { margin: 0 0 10px 0; } .sectionIMAGE { float: left; width: 112px; } .sectionBUY { padding: 10px 0; } .groupingWRAP1 { width: 215px; float: left; text-align: center; } .groupingWRAP2 { padding: 8px; margin: 5px; border: 1px solid silver; text-align: center; } .groupingIMAGE { width: 100px; height: 100px; overflow:hidden; margin: 0 auto 7px auto; border: 0; text-align: center; } .groupingNAME { height: 50px; } .productPrice3 { font-weight: bold; margin: 10px 0 5px 0; } ul#BIKfilter {font-size: 12px; list-style: none; margin: 0; padding: 0;width: 650px; } ul#BIKfilter li {  /*border-right: 1px solid #dedede;*/ float: left; line-height: 30px; margin: 0; padding-right: 20px; } ul#BIKfilter a { color: #999; text-decoration: none;} ul#BIKfilter li.current a, ul#BIKfilter a:hover { text-decoration: underline; } ul#BIKfilter li.current a { color: #9366b2; font-weight: bold; } ul#BIKportfolio { float: left; list-style: none; margin-left: 0; padding: 0; width: 650px;  } ul#BIKportfolio li {  float: left;  text-align: center; } .filterTITLE { font-size: 14px; margin: 12px 0; }