/* CSS Document */ html { min-height: 101%; } body { margin: 0px; padding: 0px; } .smallSpacer{ height:10px; } .touTDs{ /*border: solid 1px #C0C0C0; */ padding: 5px; font: normal 1.2em arial; } div#outer_wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; /* the bottom margin is the negative value of the footer's height */ width: 100%; padding: 0px 0px 0px 0px; position: relative; } div#inner_wrapper { min-height: 100%; height: auto !important; margin: 0 auto; /* the bottom margin is the negative value of the footer's height */ width: 769px; padding: 0; position: relative; } /*ARONA PRODUCT SECTION LAYOUT*/ /*HOLDS THE MAIN RIGHT HAND CONTENT PAIN*/ div#arona_product_list{ float: left; width: 490px; display: block; /*min-height: 500px;*/ } /*HOLDS THE PRODUCT IMAGE*/ .arona_product_image_left{ float: left; width: 270px; min-height: 210px; } /*HOLDS THE PRODUCT IMAGE - LARGER FULL WIDTH*/ .arona_product_image_fullwidth{ float: left; width: 515px; min-height: 195px; } /*HOLDS THE PRODUCT IMAGE SMALL*/ .arona_product_image_left_small{ float: left; width: 240px; } /*PRICE HEADER*/ .arona_product_price{ font: bold 1em arial; margin: 0px; padding: 0px; } /*HOLDS THE PRICE, ADD TO CART, ERROR MESSAGE ETC*/ .arona_product_data_right{ float: left; width: 249px; padding: 0px 0px 0px 0px; } /* HOLDS QUANTITY BOX */ .arona_product_quantitybox{ float: left; width: 100px; color: #938E92; } /* HOLDS ADD TO CART BUTTON */ div#arona_product_addtocartbutton{ float: left; width: 110px; } /*HOLDS PRODUCT AND QUANTITY BOXES*/ div#arona_product_quantityboxes{ float: left; width: 313px; } /*HOLDS CART BUTTON DIV*/ div#arona_product_cartbutton{ float: left; width: 110px; color: #938E92; } .arona_form_button_add_to_cart	{ display: block; width: 100px; height: 20px;	 background: url('arona_button_addtocart.gif') no-repeat; }	 .arona_form_button_add_to_cart:hover	{ width: 100px; height: 20px;	 background: url('arona_button_addtocart_on.gif') no-repeat; }	 div#arona_header{ width: 769px; margin: 15px 0px 15px 0px; } div#arona_logo{ height: 82px;  width: 770px;  text-align: center; margin: 0 auto; margin-top: 0px; margin-bottom: 0px; padding: 0; } #actinic_buttons_holder{ margin:0;  padding:0;  width: 769px;  height:26px;  text-align: right;  float:right; background: url("horizontal_nav_spacer_bg.gif") left repeat-x; margin: 0px 0px 5px 0px; } #actinic_footer_holder{ padding:0;  width: 769px;  height:26px;  text-align: right;  margin: 40px 0px 15px 0px; line-height: 26px; color: #666666; font: bold 1em Century Gothic, Arial, Helvetica, sans-serif; text-transform: uppercase; } #actinic_footer_holder a{ color: #666666; text-transform: uppercase; } #actinic_footer_holder a:hover{ color: #6E7878; font: bold 1em Century Gothic, Arial, Helvetica, sans-serif; text-transform: uppercase; } /*Hold L2 navigation and bottom image*/ #left_hand_l2andimage_holder{ float: left; width: 226px; padding: 0; margin: 0; } #actinic_buttons{ /*float:right;*/ width: 769px; } #right-hand-l1menu ul { margin:0; padding:0; list-style-type: none; float: right; } #left-hand-l1menu ul { margin:0; padding:0; list-style-type: none; float: left; } #right-hand-l1menu li { float: left; } #left-hand-l1menu li { float: left; } #left-hand-l1menu ul li a {display: block; float:left;} #right-hand-l1menu ul li a {display: block; float:left;} /* #right-hand-l1menu li a { display: block; } #left-hand-l1menu li a { display: block; } */ #right-hand-l1menu li.viewcart a{ background: url("viewcart.gif"); width: 108px; height: 26px;	 } #right-hand-l1menu li.viewcart a:hover{ background: url("viewcart.gif"); background-position: -108px; width: 108px; height: 26px; } #right-hand-l1menu li.checkout a{ background: url("checkout.gif"); width: 108px; height: 26px;	 } #right-hand-l1menu li.checkout a:hover{ background: url("checkout.gif"); background-position: -108px; width: 108px; height: 26px;		 } #left-hand-l1menu li.home a{ background: url("home.gif"); width: 108px; height: 26px;	 } #left-hand-l1menu li.home a:hover{ background: url("home.gif"); background-position: -108px; height: 26px;		 } #left-hand-l1menu li.login a{ background: url("login.gif"); width: 108px; height: 26px;	 } #left-hand-l1menu li.login a:hover{ background: url("login.gif"); background-position: -108px; height: 26px;		 } .items_value_text_items_image{ background: url("items.gif"); width: 60px; height: 26px; margin-left: 0px;		 } .items_value_text_value_image{ background: url("value.gif"); width: 65px; height: 26px;		 margin-left: 0px;		 } .items_value_text_items{ color: #E0E0E0; font-size: 14px; width: 15px; height: 26px; line-height: 25px; } .items_value_text_items_value{ color: #E0E0E0; font-size: 14px; height: 26px; line-height: 25px; width: 70px; padding-left: 10px; text-align: left; } .items_value_spacer{ color: #E0E0E0; font-size: 14px; height: 26px; line-height: 25px; width: 2px; } .main_search_box{ background-color: #F0F0F0; } .main_search_gobutton_clear{ margin: 2px 0px 0px 3px; height: 21px; width: 34px; border: none; background-color: transparent; } .main_search_gobutton button{ margin: 2px 0px 0px 0px; height: 21px; width: 34px; background-image: url("goButton.gif"); cursor: pointer; color: green; } .main_search_gobutton button:hover{ background-image: url("goButton.gif"); background-position: -34px; } .main_search_gobutton button:active{ background-image: url("goButton.gif"); background-position: -68px; } /* LEVEL 2 MENU */ div#l2bottomimage{ float: left; width: 226px; } div#l2menu{ float: left; width: 250px; margin: 3px 0px 0px 0px; /*THIS WILL NEED TO BE CHANGED IF MANY MORE NAVIGATION ITEMS ARE ADDED IN - IT IS SET BECAUSE THE IMAGE SHOULD NOT MOVE UP OR DOWN WHEN SWITCHING BETWEEN THE CATALOG AND WEB SITE*/ height: 315px; } #l2menu ul { margin: 0; padding: 0; list-style-type: none; } #l2menu li  { padding: 0px 0px 5px 0px; margin: 0;  width: 226px; } #l2menu li a { display: block; width: 226px; } li.generalNav a{width: 226px; height: 38px;} li.buytruecall a{width: 226px; height: 83px; } #rightcontent{ float: left; margin-left: 24px; width: 490px; min-height: 500px; background-color: #FFFFFF; color: #000; } .supportdesktitles{ font-size: 15px; color: #878384; font-weight: bold; } .supportdesktitlesSmall{ font-size: 12px; color: #878384; font-weight: bold; } .supportdesktitles:hover{ font-size: 15px; color: #878384; font-weight: bold; text-decoration: none; } .supportdesktitlesSmall:hover{ font-size: 12px; color: #878384; font-weight: bold; text-decoration: none; } .arona-checkout-progress-0 { width: 75px; height: 19px; background: url("costep1.gif"); float: left; } .arona-checkout-progress-1 { width: 150px; height: 19px; background: url("costep2.gif"); float: left; } .arona-checkout-progress-2 { width: 225px; height: 19px; background: url("costep3.gif"); float: left; } .arona-checkout-progress-3 { width: 300px; height: 19px; background: url("costep4.gif"); float: left; } /* BACKGROUND BAR*/ #arona-checkout-progress-indicator { clear: both; width: 300px; height: 19px; background-image: url('arona-cpi-background.gif'); /*margin: 0 auto 20px auto;*/ margin: 0; } .arona-checkout-cart{ background-color: #B1ABAF; color: #000; } .arona-standardBodyText{ font-size: 1.2em; }