/** *------------------------------------------------------------------- * Licensed Materials - Property of IBM * * WebSphere Commerce * * (c) Copyright IBM Corp. 2007 * * US Government Users Restricted Rights - Use, duplication or * disclosure restricted by GSA ADP Schedule Contract with IBM Corp. * *------------------------------------------------------------------- */ /* GENERAL CLASSES START */ .loading { width: 100%; height: 100%; background-image: url(../images/loading.gif); background-position: center center; background-repeat: no-repeat; } BODY {background-image: url(../images/colors/color1/RutlandBG-IMG.jpg); background-color: #fcfcfc; background-repeat: repeat-x; background-position: left top; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: normal; color: #231F20; margin: 0px; padding: 0px; height: 100%; width: 100%; } .button2 {background-image : url(../images/colors/color1/button_bk.png);border:1px solid; border-color: #9e9c9c #726e6e #726e6e #726e6e;font-family: Verdana, Arial,sans-serif; font-size: 10px;color:black; padding:2px 8px 2px 8px; text-decoration:none;} .button {background-image : url(../images/colors/color1/button_bk.png);border:1px solid; border-color: #726e6e;font-family: Verdana, Arial,sans-serif; font-size: 10px;color:black; padding:0px 12px 0px 12px; text-decoration:none;height:17px;line-height:17px;} .button:hover {background-image : url(../images/colors/color1/button_bk.png); border-color:#960303 #720202 #720202 #720202;color:#720202;} .heading {font-family: "Times New Roman", Times, serif; font-size: 14pt;text-align: left;color: black;height:35px;} TD,SPAN,DIV,P,UL,LI {font-family: Verdana, Arial, Helvetica, sans-serif; color: #231F20;} .checkbox, .radio {color:#7a141a;padding:0px; margin:0px;} .input, .select{font-family: Verdana, Arial,sans-serif; font-size: 11px; border: solid 1px #c6c8cb; height: 19px; padding-top:1px;margin-right:6px;} .addressInput {border: 1px solid #7F9DB9; font-size: 9pt; padding-left: 3px; font-family: Verdana; width: 200px;} .addressSelect {border: 1px solid #7F9DB9; font-size: 9pt; font-family: Verdana; width: 160px;} .shopcartAddressInput {border: 1px solid #7F9DB9; font-size: 9pt; padding-left: 3px; font-family: Verdana; width: 130px;} .shopcartAddressInput2 {border: 1px solid #7F9DB9; font-size: 9pt; padding-left: 3px; font-family: Verdana; width: 265px;} TEXTAREA {font-family: Verdana, Arial,sans-serif; font-size: 11px; color:#444444; border: solid 1px #A4A4A4; padding-top:2px;margin-right:5px;} .bold {font-weight:bold;font-size: 10px;} .bold_lg {font-weight:bold;font-size: 12px;} .redtext {font-weight:bold;font-size: 10px;color:#720202} .text{font-family: Verdana, Arial,sans-serif; font-size: 10px;color:black;} .required {font-family: verdana; color: red; font-size: 9px;} .small_text {font-weight:bold;font-size: 9px;} .link_small {font-size:9px;} .error {color: red;} .arrowHeader { height:26px; line-height:26px; background-color:#4098cf; color:#FFFFFF; text-align: left; background-image: url(../images/right.gif); background-repeat: no-repeat; background-position: left center; } /* GENERAL CLASSES FINISH */ /* table classes start */ #table {font-family: Verdana, Arial,sans-serif; font-size: 11px; color:#231f20;} .t_table {width: 100%;} .t_hd_last {color:white; font-size: 11px;font-weight:bold;padding: 3px 4px 3px 4px; background-color:#8f0505; text-align:left;height:15px;border:solid 1px #A4A4A4;vertical-align:top;} th.colHeader {color:white; font-size: 11px;font-weight:bold;padding: 3px 4px 3px 4px; background-color:#8f0505; text-align:left;height:15px;border-top:solid 1px white;border-left:solid 1px white;border-bottom:solid 1px white;border-right:solid 1px white;vertical-align:top;border:solid 1px white;} th.colHeader_price {color:white; font-size: 11px;font-weight:bold;padding: 3px 4px 3px 4px; background-color:#8f0505; text-align:left;height:15px;border-top:solid 1px white;border-left:solid 1px white;border-bottom:solid 1px white;border-right:solid 1px white;vertical-align:top;border:solid 1px white;} th.colHeader_last {color:white; font-size: 11px;font-weight:bold;padding: 3px 4px 3px 4px; background-color:#8f0505; text-align:left;height:15px;border-top:solid 1px white;border-left:solid 1px white;border-bottom:solid 1px white;border-right:solid 1px white;vertical-align:top;border:solid 1px white;} .t_tr {border-bottom: solid 1px #A4A4A4;} .t_hd {color:white; font-size: 11px;font-weight:bold;padding: 3px 4px 3px 4px; background-color:#8f0505; text-align:left;height:19px;border-top:solid 1px white;border-left:solid 1px white;border-bottom:solid 1px white;vertical-align:top;} .t_td { font-size: 11px; color:#444444;padding: 6px 4px 6px 4px;vertical-align:top; border-bottom: solid 1px #A4A4A4;} .t_td2 { font-size: 11px; color:#444444;padding: 7px 4px 3px 0px;vertical-align:top;} .t_hd_rght {text-align : right; width:100%;color:white; font-size: 11px;font-weight:bold;display:block;} .t_hd_cntr {text-align : center; width:100%;color:white; font-size: 11px;font-weight:bold;display:block;} .t_hd_last {color:white; font-size: 11px;font-weight:bold;padding: 3px 4px 3px 4px; background-color:#8f0505; text-align:left;height:15px;border:solid 1px white;vertical-align:top;} .t_hd_price_last {color:#444444; font-size: 11px;font-weight:bold;padding: 3px 4px 3px 4px; background-color:#720202; text-align:left;height:15px;border-top:solid 1px white;border-left:solid 1px white;border-bottom:solid 1px white;border-right:solid 1px white;vertical-align:top;} .t_hd_price {color:#444444; font-size: 11px;font-weight:bold;padding: 3px 4px 3px 4px; background-color:#720202; text-align:left;height:15px;border-top:solid 1px white;border-left:solid 1px white;border-bottom:solid 1px white;vertical-align:top;} .t_rght {text-align : right; display:block; font-size:11px;} .t_cntr {text-align : center; width:100%;display:block;} .t_fees { text-align : right; font-size: 11px; color:#7a141a;padding: 1px 4px 0px 4px;vertical-align:top;} .t_fees_spc {line-height:3px;font-size: 4px;} .t_total { text-align : right; font-size: 11px; color:#7a141a;padding: 5px 4px 3px 4px;vertical-align:top;border-top:solid 1px #A4A4A4;border-bottom:solid 1px #A4A4A4;font-weight:bold;} .t_total_figure { text-align : right; font-size: 11px; color:white;padding: 5px 4px 3px 4px;vertical-align:top;border-top:solid 1px #A4A4A4;border-bottom:solid 1px #A4A4A4;border-left:solid 1px #A4A4A4;background-color:#720202;font-weight:bold;} .t_discount {font-size: 11px; color:#8E8E8E;text-decoration : line-through;text-align : right; width:100%;display:block;} .t_button {background-image : url(../images/colors/color1/button_bk.png);border:1px solid; border-color: #9e9c9c #726e6e #726e6e #726e6e;font-family: Verdana, Arial,sans-serif; font-size: 10px;color:black; height:17px; width:100%;text-align : center;margin-bottom:2px;display:block;text-decoration:none; padding-top:1px;} .t_button:hover {color:white;border: solid 1px #2E4F77;background-color:#921919;text-decoration: none;} .t_update {padding: 3px 4px 1px 4px;border-top:solid 1px #A4A4A4;border-bottom:solid 1px #A4A4A4;} .t_img_view {text-align : center; width:120px;display:block;padding-top:12px;padding-bottom:10px;vertical-align:top;} .t_detail_view {display:block;padding-top:12px;padding-bottom:10px;vertical-align:top;} .t_space {padding-bottom: 8px;text-align : center;} .t_img_border { border:solid 1px #7a141a;} .t_empty_cell {width:14px;} .t_row_img {padding-top:10px;padding-bottom:10px;vertical-align:top;} .t_row_detail {padding:6px;vertical-align:top;width:230px;} .t_txt_detail {font-size: 10px;} .t_row_price {padding-top:6px;padding-bottom:6px;vertical-align:top;width:95px;display:block;} .t_button_space {padding-top:5px;display:block} .t_line {border-bottom:solid 1px #7a141a;font-size:1px;} .t_rght_space {padding-right:5px;} /* table classes end */ /* page scrolling widget start*/ .ps_align_left {text-align:left;border-left:solid 1px #8a6109; border-bottom:solid 1px #8a6109;border-top:solid 1px #8a6109;padding:0px; margin: 0px;} .ps_align {text-align:right;border-right:solid 1px #8a6109; border-bottom:solid 1px #8a6109;border-top:solid 1px #8a6109;padding:0px; margin: 0px;} .ps_pad {padding-left:4px;} .ps_view {padding-right:5px;background-color:white; } .ps_input {font-family: Verdana, Arial,sans-serif; font-size: 11px; color:#444444; border: solid 1px #8a6109;height: 16px; padding-top:0px;margin-right:0px;border-top:solid 1px #8a6109;padding:0px; margin: 0px;} .ps_text {font-family: Verdana, Arial,sans-serif; font-size: 9px; color:#444444;padding-left:4px;} /* page scrolling widget end*/ /* product tooltip pop up start */ .popup_productname {color: #680102; padding:5px 0px 5px 0px; font-weight: bold;} .popup_productprice {padding:0px 0px 5px 0px; font-weight: bold; font-size: 9pt} .popup_productother {padding:0px 0px 5px 0px;} .popup_header {position: relative; width: 287px; height: 27px; background-image:url(../images/colors/color1/popup-top.gif); text-align: center; font-weight: bold;} .popup_content {position: relative; width: 287px; background-image:url(../images/colors/color1/popup-middle.gif); background-repeat: repeat-y;} .popup_footer {width:287px; height: 5px; background-image: url(../images/colors/color1/popup-bottom.gif); background-repeat: no-repeat;} .popup_headerTitle {padding: 5px 5px 0px 7px; text-align: left;} .popup_iconimages {padding: 0px 2px 0px 2px;} /* product tooltip pop up end */ /* fast finder start */ .ff_sideborder {background-image: url(../images/colors/color1/content_sideborder1.gif); padding-bottom: 10px;} .ff_instructions {background-image: url(../images/colors/color1/content_topshadow1.gif); background-repeat: no-repeat; padding:13px 10px 4px 10px;} .ff_topedge {background-image: url(../images/colors/color1/content_topedge1.gif); background-repeat: repeat-x; border-bottom: 1px solid #d5d5d5; padding-left:8px; padding-top:3px; padding-bottom: 0px; background-color:#ECECEC;} .ff_sideborder2 {background-image: url(../images/colors/color1/content_sideborder1.gif); background-repeat: repeat-y; padding-top:22px; padding-bottom:22px;} .ff_sideborder2_alt {background-image: url(../images/colors/color1/content_sideborder1.gif); padding: 0px 0px 0px 10px; background-repeat: repeat-y;} .ff_sideborder3 {padding: 0px 0px 0px 10px; background-image: url(../images/colors/color1/content_sideborder1.gif); background-repeat: repeat-y;} .ff_iconimages {padding: 2px 2px 2px 2px;} body .rangeSelectorHandle { color: #FF0000;position: absolute; background-image: url(../images/colors/color1/slider_arrow.gif); width: 10px; height: 12px;cursor: pointer;z-index: 10;} body .rangeSelectorHandleHover { background-image: url(../images/colors/color1/slider_arrow_hover.gif);} body .rangeSelectorBar { width: 100px; height: 12px; cursor: pointer; background-image: url(../images/colors/color1/slider_gradient.jpg); background-repeat:no-repeat; } body .rangeSelectorTooltip{ position: absolute; border-color: white; padding: 1px 0px 1px 0px; font-size: 9px; z-index: 30;} /* fast finder end */ /* STORE ACCORDION CONTAINER START */ .store_accordion_container {float: left; width: 214px; height: 400px; overflow: hidden; background-color:#FFFFFF;} .shopping_cart_accordion_container {float: left; width: 214px; overflow: hidden;} .shopping_cart_accordion_content{overflow: hidden; width:214px; } .shopping_cart_accordion {width:214px; position: relative; overflow: hidden;} .store_accordion_div_container{width: 214px; overflow: hidden; /*float: left;*/} /* store accordion container end */ /* home store accordion container start */ .home_store_accordion_container {float: left; width: 214px; height: 339px; overflow: hidden; /*background-color:#FFFFFF;*/ } .home_shopping_cart_accordion_container {float: left; width: 214px; overflow: hidden;} .home_shopping_cart_accordion_content{overflow: hidden; width:214px; } .home_shopping_cart_accordion {width:214px; position: relative; overflow: hidden;} /* CSS for first accordion pane */ .accordion_label_1 {margin-top:5px; z-index:10; background-image: url(../images/colors/color1/accordion-bar.gif); background-repeat: no-repeat; width:214px; height: 23px; position: relative; cursor:pointer;} .accordion_label_expanded_1 {margin-top:2px; z-index:10; background-image: url(../images/colors/color1/accordion-bar.gif); background-repeat: no-repeat; width:214px; height: 23px; position: relative; cursor:pointer;} .accordion_label_collapsed_1{margin-top:2px; z-index:10; background-image: url(../images/colors/color1/accordion-bar.gif); background-repeat: no-repeat; width:214px; height: 23px; position: relative; cursor:pointer;} .accordion_content_1 {width:212px; overflow: hidden; background-color:white; position:relative; padding:0px 0px 0px 0px; z-index:10; border: solid 1px #C6C8CA; border-top-style:none;} .accordion_bottom_1{z-index:10; background-image: url(../images/colors/color1/right-accordian-bottom.gif); background-repeat: no-repeat;} .accordion_bottom_expanded_1{z-index:10; height: 0px; display:none;} .accordion_bottom_collapsed_1{z-index:10; height: 0px; display:none;} /* CSS for other accordion pane */ .accordion_label {z-index:100; background-image: url(../images/colors/color1/backbar2_selected2.png); background-repeat: no-repeat; width:214px; height: 23px; position: relative; cursor:pointer; /*border-top: solid 1px black;*/} .accordion_label_expanded {margin-top:2px; z-index:10; background-image: url(../images/colors/color1/accordion-bar.gif); background-repeat: no-repeat; width:214px; height: 23px; position: relative; cursor:pointer;} .accordion_label_collapsed {margin-top:2px; z-index:10; background-image: url(../images/colors/color1/accordion-bar.gif); background-repeat: no-repeat; width:214px; height: 23px; position: relative; cursor:pointer;} .accordion_content {width:212px; height:280px; overflow: hidden; background-color:white; position:relative; padding:0px 0px 0px 0px; z-index:10; border: solid 1px #C6C8CA; border-top-style:none;} .accordion_bottom{z-index:10; background-image: url(../images/colors/color1/right-accordian-bottom.gif); background-repeat: no-repeat;} .accordion_bottom_expanded{z-index:10; height: 0px; display:none;} .accordion_bottom_collapsed{z-index:10; height: 0px; display:none;} .inner_accordion_label {background-image: url(../images/colors/color1/backbar3.png); background-repeat: no-repeat; height: 23px; cursor:pointer; width: 214px;} .inner_accordion_label_expanded {background-image: url(../images/colors/color1/backbar3selected.png); background-repeat: no-repeat; height: 23px; cursor:pointer; width: 214px;} .accordion_title_shopcart {z-index:10; background-image: url(../images/colors/color1/right-accordian-top.gif); background-repeat: no-repeat; width:214px; height: 23px; position: relative;} .acordion_title_shopcart_image {padding:3px 4px 0px 5px;float:left;} .acordion_title_shopcart_text {padding-top:5px;font-weight:bold;font-size: 8pt;} .order_summary {font-weight: normal;font-size: 7pt;} .acordion_title_shopcart_arrow {position: absolute; right: 10px; top:10px;} .inner_accordion_title {width: 212px; height: 23px;} .inner_accordion_title_image {padding:5px 4px 0px 12px;float:left;} .inner_accordion_title_text {padding-top:7px; font-weight:normal; font-size: 8pt; color: #231f20;} .accordion_title_body{font-weight:bold; font-size: 8pt;} .accordion_title_body_img{width:25px; padding:1px 4px 0px 5px;float:left;} .accordion_title_body_img1{width:20px;position: absolute; right: 10px; top:10px;} .accordion_title_body_text1{overflow:hidden; line-height:23px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:8pt; text-align:center; color:#FFFFFF; letter-spacing: 0.02em; width:212px; } .accordion_title_body_text2{overflow:hidden; padding:0px 0px 0px 5px; font-weight: normal;font-size: 7pt; color:#fff;} .accordion_title_body_img_inner{padding:1px 4px 0px 5px; float:left;} .accordion_title_body_text1_inner{width:212px; overflow:hidden; padding-top:5px; font-weight:bold;font-size: 7pt; /*float:left;*/} .accordion_title_body_text2_inner{width:212px; overflow:hidden; padding:5px 30px 0px 0px; font-weight: normal; font-size: 7pt; float:right;} .accordion_action_area{font-size: 7pt; padding:0px 0px 0px 0px; background-color: #FFFFFF; background-image: url(../images/colors/color1/shoppingCart_topBGimg.jpg); background-repeat: repeat-x; background-position: left bottom; text-align: left; height: 31px; width: 212px; } .accordion_action_area_checkall_body{/*float: left;*/ padding-right: 0px;} .accordion_action_area_checkall_body_3actions{float: left;} .accordion_action_area_action_body{float:left; } .accordion_action_area_action_body_action{/*float: left;*/ font-size: 7pt; cursor: pointer; width: 100%; color:#231f20;} .accordion_action_area_checkall_body input {border:none;} .accordion_action_area a:link, .accordion_action_area a:visited {/*float: left;*/ font-size: 7pt; cursor: pointer; width: 100%; color:#231f20;} .accordion_action_area a:hover {font-size: 7pt; color: #231f20; text-decoration: none; /*border: solid 1px #A4A4A4;*/} .accordion_action_area a:active {/*float: left;*/ font-size: 7pt; cursor: pointer; width: 100%; color:#231f20;} /* clin */ a.accordion_action_area_action_body_action:link, a.accordion_action_area_action_body_action:visited { text-decoration: underline; font-size: 7pt; cursor: pointer; width: 100%; color:#231f20;} a.accordion_action_area_action_body_action:hover {font-size: 7pt; color: #231f20; text-decoration: none; } a.accordion_action_area_action_body_action:active { text-decoration: underline; font-size: 7pt; cursor: pointer; width: 100%; color:#231f20;} .accordion_content_area{overflow:hidden; width:212px; height:217px;} /* Verticle scrollbar appears when the content size is more then 252px This height value may vary based on other style specified for accordion */ .row_bgcolor1 {background-color:#fff;} .row_bgcolor2 {background-color:white; border-top:1px solid #EFEFEF;} span.droptarget {color:#808080; font-size:8pt;} #compareDropZoneImg {color:#808080; font-size:8pt;} #compare1Img {float:left; padding-right:5px;} #compareDropZoneImg {text-align:left; color:#808080; font-size:8pt;} /* Right Widgets (Accordion) by Chi-Shia */ .quick_cart_body { display: block; overflow-x: hidden; overflow-y: auto; background-color:#FFFFFF; height:160px; width:212px; } .compare_body { display: block; overflow-x: hidden; overflow-y: auto; background-color:#FFFFFF; height:180px; width:212px; } .quick_cart_body_checkout { display: block; overflow-x: hidden; overflow-y: auto; height:300px; width:210px; background-color:#FFFFFF; } .quick_cart_foot { font-size:6pt; display: block; background-color: #efefef; overflow: hidden; width:212px; height:39px; background-image: url(../images/colors/color1/shoppingCart_bottomBGimg.jpg); background-repeat: repeat-x; background-position: left top; left:0px; bottom: 0px; position: absolute; vertical-align: top; } .check_out_quick_cart_foot { display: block; overflow-x: hidden; overflow-y: auto; background-color: #E2E2E2; width:212px; height:95px; background-image: url(../images/colors/color1/shoppingCart_bottomBGimg.jpg); background-repeat: repeat-x; background-position: left top; left:0px; bottom: 0px; position: absolute; vertical-align: top; } .quick_cart_foot a { text-decoration:none;} .rw_title { height: 27px; width: 98px; overflow: hidden; margin-bottom: 3px; background-image: url(../images/dots.gif); background-repeat: no-repeat; background-position: 83px 20px; } .rw_title a {padding-right:-10px;} #rightMenu { position:relative; z-index:300;} #rightWidgets { width:214px; position:absolute; top:3px; left:7px; padding: 0px 0px 0px 0px; height: 100%; border: solid 1px #C6C8CA; border-top-style:none;} .widgetBox { font-size: 9pt; background-color: #FFFFFF; height: 100px; width: 212px; margin: 0px; } .titleBar { margin-top: 2px; } .shopCart_top { font-size: 7pt; padding:7px 0px 0px 0px; background-color: #FFFFFF; background-image: url(../images/widgets/shoppingCart_topBGimg.jpg); background-repeat: repeat-x; background-position: left top; text-align: left; height: 31px; width: 212px; } .shoppingCart_bottom { background-image: url(../images/widgets/shoppingCart_bottomBGimg.jpg); background-repeat: repeat-x; background-position: left top; text-align: center; width: 212px;} .shoppingCart_middle { background-color: #FFFFFF; } #rightWidgets .widgetBox .shoppCart_top a { font-size: 7pt; color: #231f20; text-decoration: underline;} #rightWidgets .widgetBox .shoppCart_top a:hover { font-size: 7pt; color: #231f20; text-decoration: none;} #compareZone input {border:none;} .StoreAccordian_WishList_Class input {border:none;} /* STORE ACCORDION CONTAINER END */ /* Shipping accordion pane start */ .shipping_foot {display:block; overflow-x:hidden; overflow-y:hidden; height:95px; width:618px; background-color:#E2E2E2; position:absolute; background-image:url(../images/colors/color1/shoppingCart_bottomBGimg.jpg); left:20px; bottom:50px; right:20px;} .ship_accordion_label {z-index:100; background-image: url(../images/colors/color1/accordion-bar.gif); background-repeat: repeat-x; width:678px; height: 23px; position: relative; cursor:pointer; /*border-top: solid 1px black;*/} .ship_accordion_label_expanded {z-index:10; background-image: url(../images/colors/color1/accordion-bar.gif); background-repeat: repeat-x; width:678px; height: 23px; position: relative; cursor:pointer; /*border-top: solid 1px black;*/} .ship_accordion_label_collapsed {z-index:10; background-image: url(../images/colors/color1/accordion-bar.gif); background-repeat: repeat-x; width:678px; height: 23px; position: relative; cursor:pointer;} .ship_accordion_bottom {z-index:10; background-image: url(../images/colors/color1/right-accordian-bottom.gif); background-repeat: repeat-x;} .ship_accordion_bottom_expanded {z-index:10; height: 0px; display:none;} .ship_accordion_bottom_collapsed {z-index:10; height: 0px; display:none;} .ship_accordion_content {overflow: hidden; background-color:white; position:relative; padding:0px 0px 0px 0px; z-index:10; border:1px solid #BBBDBF; border-top-style:none;} .ship_accordion_content_area {overflow:auto; height:85%; width:650px;} /* Verticle scrollbar appears when the content size is more then 252px This height value may vary based on other style specified for accordion */ .orderSummary_accordion_content_area {overflow:auto; height:100%; width:650px;} .summary_accordion_content_area {overflow:hidden; height:100%; width:650px;} .ship_accordion_container {float: left; width: 678px; height: 590px; overflow: hidden;} .ship_accordion_ord_item_container {float: left; width: 678px; height: 350px; overflow: hidden;} .ship_accordion_div_container {float: left; width: 678px; height: 590px; overflow: hidden;} .checkout_foot { background-color: #efefef; overflow: hidden; width:676px; height:67px; background-image: url(../images/colors/color1/shoppingCart_bottomBGimg.jpg); background-repeat: repeat-x; background-position: left top; margin-left: -10px;} /* CSS for Shipping accordion pane end*/ /* ScrollablePane classes start */ .scrollablePaneWidgetContainer{cursor: pointer;} .scrollablePaneContainerNode{} .scrollablePaneMoveBackwardButton{cursor: pointer; width: 33px; height: 33px; z-index: 888; background-image: url(../images/leftArrow.gif); margin-right:10px; background-repeat: no-repeat; background-position: left bottom;} .scrollablePaneMoveBackwardButtonHover{cursor: pointer; width: 33px; height: 33px; z-index: 888; background-image: url(../images/leftArrow.gif); margin-right:10px; background-position:left top;} .scrollablePaneMoveForwardButton{cursor: pointer; width: 33px; height: 33px; z-index: 888; background-image: url(../images/rightArrow.gif); margin-left:10px; background-repeat: no-repeat; background-position: left bottom;} .scrollablePaneMoveForwardButtonHover{cursor: pointer; width: 33px; height: 33px; z-index: 888; background-image: url(../images/rightArrow.gif); margin-left:10px; background-position:left top;} /* For ScrollablePane to work fine on Opera 8.x we need to specify border for this class. Currently we've set a white border */ .scrollablePaneElements{z-index: 1; border: solid 0px #FFFFFF;} .separator { border: solid 1px #000000; cursor: move; height: 30px; width: 0px; } .EMarketingSpot_Class { height: 123px; } /* ScrollablePane classes end */ .inputButton{cursor: pointer; text-decoration:none; color:#231f20; height:17px; padding: 1px 5px 1px 5px; margin-left: 8px; margin-bottom: 12px; font-family: Verdana; border: 1px solid #908D94; font-size: 7pt; background-image:url(../images/colors/color1/button_bk.png);} .inputButton_rutland {cursor: pointer; text-decoration:none; color:#231f20; height:16px; padding: 1px 5px 1px 5px; margin-left: 8px; font-size: 7pt; border: 1px solid #c6c8ca; background-image:url(../images/buttonBG_short.gif); background-repeat: no-repeat; background-position: center center; } .inputTextBox{border: 1px solid #7F9DB9; padding-left: 3px; font-size: 8pt; font-family: Verdana; width: 120px;} .inputSelectBox{border: 1px solid #7F9DB9; padding-left: 3px; font-size: 9pt; font-family: Verdana; width: 140px;} .inputTextBox2{border: 1px solid #7F9DB9; padding-left: 3px; font-size: 9pt; font-family: Verdana; width: 110px;} .inputSelectBox2{border: 1px solid #7F9DB9; padding-left: 3px; font-size: 9pt; font-family: Verdana; width: 110px;} .black-line {background-image:url(../images/colors/color1/black-line.gif);} /* comparison page start */ .compare_leftborder {background-image: url(../images/colors/color1/content_sideborder1.gif); background-repeat: repeat-y; padding-top:22px; padding-bottom:22px; text-align: center;} .compare_productimage {width: 124px; padding-top:5px; padding-bottom:9px} .compare_productname {padding-top:8px; text-align: center; color: #680102} .compare_header {height: 22px; border: 1px solid #A3A9BF; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px; background-image:url(../images/colors/color1/compare_detail_back.png)} .compare_contents {background-image: url(../images/colors/color1/compare_blank_back.png); height: 22px; border: 1px solid #A3A9BF; padding: 0px;} .compare_contents_checked {height: 22px; border: 1px solid #A3A9BF; padding: 0px; background-image: url(../images/colors/color1/comparetable-bg-checked.png);} /* comparison page end */ .checkOutButton{ margin-left: 0px; margin-bottom: 0px; font-family: Verdana; border: 1px solid #908D94; font-size: 7pt; background-image:url(../images/colors/color1/button_bk.png); } .shoppingcart_accordion_label_expanded{ cursor: pointer; width:255px; height:23px; background:blue; border: black solid 0px; border-bottom: 0px; background-image: url(../images/colors/color1/backbar3.png); } .dojoFloatingPaneClient{ background-image:url(../images/colors/color1/popup-middle.gif); background-repeat: repeat-y;} /* Search page classes START */ .searchAdvancedPadding {padding-right:10px} .searchText {font-size: 7pt; padding-top:2px; padding-bottom:0} .searchInput {font-size: 8pt; border: 1px solid #A0A0A0} .searchSelect {width: 200px; font-size: 8pt; border: 1px solid #A0A0A0} .searchInputButton{cursor: pointer; text-decoration:none; color:black; height:17px; padding: 1px 2px 1px 2px; font-family: Verdana; border: 1px solid #908D94; font-size: 7pt; background-image:url(../images/colors/color1/button_bk.png);} .searchButtonPadding{padding:10px 0px 5px 0px;} .searchDefaultPadding{padding-top:0px} .searchPadding {padding-top: 8px;} /* Search page classes END */ /* Error message bubble start */ #bubble {position:absolute; font-family: Verdana, Arial,sans-serif; font-size: 11px;color:white;width:100%;height:26px;display:block;z-index:999;} #bubble div {float:left;display:block;z-index:999;} #bubble .content {color:white; display:block;float:left;background-image : url(../images/colors/color1/bubble_back.png);height:26px;padding-top:5px;background-repeat : repeat-x;} #bubble .lefttail {display:block;background-image :url(../images/colors/color1/bubble_tail_left.png); alt:""; width:24px; height:26px; border:0px;} #bubble .rightend {display:block;background-image :url(../images/colors/color1/bubble_cap_right.png); alt:""; width:10px; height:26px; border:0px;} #bubble .righttail {display:block;background-image :url(../images/colors/color1/bubble_tail_right.png); alt:""; width:24px; height:26px; border:0px;} #bubble .leftend {display:block;background-image :url(../images/colors/color1/bubble_cap_left.png); alt:""; width:10px; height:26px; border:0px;} /* Error message bubble end*/ /* Topcategories Menu*/ /* CHI SHIA'S CHANGES FOR DROP DOWN. TOOK OUT DISPLAY:BLOCK FROM DD_LINK:HOVER*/ .dd_menu_content{ visibility:hidden; display:none; } .dd_menu{ z-index:999; position: absolute; } .dd_menuheader {/*background-color:#808284;*/} .dd_backgroundcolor { /*background-color:transparent;*/} .dd_border {font-family:Verdana, Arial,sans-serif; font-size:10px; color:#231f20; background-image:url(../images/dd_menu_bgImg.gif); background-repeat:repeat-x; background-position:left top; background-color:#f2f2f2; width:245px; height:100%; border:solid 1px #C6C8CA; margin-left:5px;} .dd_padding { padding: 1px 2px 1px 5px; height:16px; display:block; font-family: Verdana; font-size: 11px; color:#231f20; text-align:left; } .dd_line {/*background-color:#f2f2f2;*/ height:0px;} a.dd_link:link { font-family: Verdana; font-size: 11px; color:#231f20; text-decoration:none; display:block; } a.dd_link:visited { font-family: Verdana; font-size: 11px; color:#231f20; text-decoration:none; display:block; } a.dd_link:hover { font-family: Verdana; font-size: 10px; color:#231f20; text-decoration:none; font-weight:bold;} a.dd_link:active { font-family: Verdana; font-size: 11px; color:#231f20; text-decoration:none; display:block; } .dd_padding a:link { font-family: Verdana; font-size: 11px; color:#231f20; text-decoration:none; width:100%; height:100%; display:block;} .dd_padding a:visited { font-family: Verdana; font-size: 11px; color:#231f20; text-decoration:none; width:100%; height:100%; display:block;} .dd_padding a:hover { font-family: Verdana; font-size: 10px; color:#231f20; text-decoration:none; font-weight:bold;} .dd_padding a:active { font-family: Verdana; font-size: 11px; color:#231f20; text-decoration:none; width:100%; height:100%; display:block;} /* Topcategories Menu END*/ /* catalog breadcrumb trail - start */ /* group multiple buttons in a row */ .box {display: block;text-align: center;} .box .dojoButton {float: left;margin-right: 10px;} .dojoButton {font-weight:bold;font-size: 8pt;} .dojoButtonContents {font-size: 8pt;} /* make the menu style match the buttons */ .dojoPopupMenu2, .dojoPopupMenu2Client, .dojoMenuItem2, .dojoMenuItem2Label, .dojoMenuItem2Accel { color: white; background-color: #B9D4FE; border:1px solid #b8d4fe; } body .dojoMenuItem2.dojoMenuItem2Hover, .dojoMenuItem2.dojoMenuItem2Hover .dojoMenuItem2Label, .dojoMenuItem2.dojoMenuItem2Hover .dojoMenuItem2Accel, .dojoMenuItem2.dojoMenuItem2Hover .dojoMenuItem2Icon { background-color: #6F95CD; border-color:#6F95CD; } /* catalog breadcrumb trail - end */ table { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-family: Verdana, Arial, Helvitca, _sans; font-size: 11px; color:#231f20; border-collapse: collapse; } table.content_table { border-bottom:1px solid #D4DDE7; } table.total_table { font-weight:bold; } input { text-align:left; border: 1px solid #c6c8cb; } img.submit { cursor:pointer; position:relative; top:8px; } span.red { color:red; } /* CHI SHIA'S STYLE SHEETS BEGIN HERE: */ #banner { background:url(../images/BannerBG.png) no-repeat left top; width:987px; height:114px; background-color:white; } .sloganText {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #666; text-decoration: none; letter-spacing: 0.02em; width:337px; height:45px; vertical-align: bottom; margin-left:20px;} /* Menu Tabs For Rutland Top Navigation : padding 2.3px padding:0px 2.3px 0px 0px;*/ #tabsTOP { width:987px; height:26px; line-height:normal; margin:0px 0px 0px 0px; padding:0px; text-align:center; } #tabsTOP a { margin:0px; padding:0px; border:0px; background-color:transparent; } a.topNav:link, a.topNav:visited {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; line-height: 27px; text-transform: capitalize; color: #3f3f3f; text-decoration: none; letter-spacing: 0.02em; text-align: center; vertical-align: middle; float:left; background:url(../images/TopNavBG.png) no-repeat left bottom; width:162px; height:27px; border:0px; padding:0px 3px 0px 0px;} a.topNav:hover {color: #fff; background-position:left top; font-weight: bold;} a.topNav:active{font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; line-height: 27px; text-transform: capitalize; color: #3f3f3f; text-decoration: none; letter-spacing: 0.02em; text-align: center; vertical-align: middle; float:left; background:url(../images/TopNavBG.png) no-repeat left bottom; width:162px; height:27px; border:0px; padding:0px 3px 0px 0px;} a.logout{float:left; background:url(../images/logout.gif) no-repeat left bottom; width:80px; height:26px; border:0px; padding:0px 3px 0px 0px; text-decoration:none; } a.logout:hover {background-position:left top;} a.my_account{float:left; background:url(../images/my_account.gif) no-repeat left bottom; width:80px; height:26px; border:0px; padding:0px 3px 0px 0px; text-decoration:none; } a.my_account:hover {background-position:left top;} a.shopping_cart { float:left; background:url(../images/shopping_cart.gif) no-repeat left bottom; margin:0px; width:162px; height:26px; padding:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #231f20; text-decoration: none; text-align: center; line-height: 12px; vertical-align: middle; } a.shopping_cart:hover {background-position:left top;} /*- END Menu Tabs For Rutland Top Navigation */ .spacer{background:url(../images/spacer.gif) no-repeat left bottom;} #search { font-size: 8pt; font-weight: normal; color: #FFFFFF; text-decoration: none; vertical-align:middle; } /* search textbox text */ .searchText { font-size: 7pt; font-weight: normal; color: #3F3F3F; text-decoration: none; width: 140px; height:18px; line-height:18px; text-align: left; vertical-align: middle; font-family: Verdana, Arial, Helvetica, sans-serif; margin-left:3px; } /* search "GO" button */ .searchGO {height: 18px; width: 19px; margin: 0px 3px -2px 0px; vertical-align: bottom; border: 0px solid #0064A6; background-color:#00548A; cursor:pointer; color:#FFF; font-size:8px; text-align: center;} /* advanced search text */ a.advancedSearch span { font-size: 7pt; white-space: normal; line-height: 10px; height:23px; width: 34px; display: inline; vertical-align: top; text-align: left; padding-right:2px; cursor:pointer;} #search a:link, a:visited { font-size: 7pt; text-decoration: none; color:#FFFFFF; } #search a:hover { text-decoration: underline; color:#FFFFFF; font-size: 7pt; } #search a:active { text-decoration: none; color:#FFFFFF; font-size: 7pt; } /* radio style */ .radio { vertical-align: -2px; border:0px; } .productsCat { line-height: 10px; height:27px; margin: 0px 0px 0px 0px; text-align:left; position: relative; } /*.colorCode img{ height: 27px; width: 7px; margin-bottom: 2px; }*/ /* HOME PAGE CSS */ .home_leftNav { font-size: 9pt; color: #231f20; text-decoration: none; padding: 10px 5px; width: 217px; } .home_content { padding: 10px 5px; width: 770px; vertical-align:top; } /* Web Special e-Spot */ #webSpecialsBox {border: 1px solid #C6C8CA; border-bottom:none; margin-top:10px;} #more {text-align: left; padding: 0px 0px 2px 2px; border: 1px solid #C6C8CA; border-top:none;} #more a:link, #more a:visited { font-size: 7pt; color: #231f20; text-decoration: underline; text-align: left; } #more a:hover { font-size: 7pt; color: #231f20; text-decoration: none;} #more a:active { font-size: 7pt; color: #231f20; text-decoration: underline; text-align: left;} #more img { margin-left:8px; text-align: left; } /* Web Special e-Spot SMALL */ #eSpot_webSpecial_small { margin: 10px 0px 15px 0px; width: 600px; border: 1px solid #C6C8CA; position: relative; padding: 5px 0px 6px 0px;} #webSpecials_small { height: 124px; width: 600px; } /* Home Left Product Links */ #leftNav { width:207px; font-size:10px; text-decoration:none; background-color:#FFFFFF;} #leftNavHeaderText { background-color: #4098cf; line-height:23px; height: 23px; width: 207px; margin-bottom:3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #FFF; text-align: center; vertical-align: middle;} #leftNavQuickOrderText {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #FFF; text-align: center; vertical-align: middle;} .productsCat { line-height: 10px; height:27px; margin: 0px 0px 0px 0px; text-align:left; position: relative; background-color:#FFFFFF;} #productColor { width:7px; margin-right:3px; vertical-align:top;} /*.colorCode img{ background-color:#0077c0; height: 27px; width: 7px; height: 27px; border-bottom:3px solid #fff; vertical-align:top; } */ /*A.N. #ProductNav { width:195px; font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0px; padding:0px; color: #231f20; letter-spacing: -0.1em; border: 1px solid #c6c8ca; position: relative; } */ #ProductNav { width:195px; font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0px; padding:0px; color: #231f20; letter-spacing: -0.1em; position: relative; /*background-color:#FFFFFF;*/ border-right: 1px solid #c6c8ca; border-left: 1px solid #c6c8ca;} #ProductNav a:link, #ProductNav a:visited { font-size: 10px; display:block; color: #231f20; margin:0px; padding:2px 0px 3px 0px; text-indent:2px; text-decoration:none; } #ProductNav a:hover { font-weight:bold; background-color:#F9F9F9; padding:2px 0px 3px 0px; } #ProductNav a:active { font-size: 10px; display:block; color: #231f20; margin:0px; padding:2px 0px 3px 0px; text-indent:2px; text-decoration:none; } .box { position:relative; width:195px; height:21px; padding-bottom:0px; text-align:left; } .boxBottom { position:relative; width:195px; padding-top:0px; text-align:left; } .boxBottom a { border-bottom: 1px solid #c6c8ca; } .colorCode img{ height: 17px; width: 7px; margin-bottom: 0px; background-color:#ccc; vertical-align: middle;} .leftLinkText { height:0px; vertical-align: middle; border-right: 1px solid #c6c8ca; border-left: 1px solid #c6c8ca; margin-left:9px;} .leftLinkText a:link, .leftLinkText a:visited { color:#231f20; height: 21px; width:194px; vertical-align: bottom; text-align: left; padding:0px 0px 0px 2px; border-right: 1px solid #c6c8ca; border-left: 1px solid #c6c8ca; text-decoration:none; display:block; position: absolute; left: 9px; top: 0px; margin-bottom:-2%; } .leftLinkText a:hover { text-decoration:none; font-weight:bold; width:194px; background-color:#F9F9F9; vertical-align: middle; } .leftLinkText a:active { color:#231f20; height: 21px; width:194px; vertical-align: bottom; text-align: left; padding:0px 0px 0px 2px; border-right: 1px solid #c6c8ca; border-left: 1px solid #c6c8ca; text-decoration:none; display:block; position: absolute; left: 9px; top: 0px; margin-bottom:-2%; } /* Quick Order */ #quickOrder { background-image: url(../images/quickOrderBGIMG.gif); background-repeat: repeat-x; background-position: left top; background-color: #e3e4e5; /*height*/ height: 150px; width: 207px; margin-top: 10px; padding-top: 10px; text-align:center; } .textField { font-size: 8pt; font-weight: normal; color: #3F3F3F; text-decoration: none; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; } .textFieldAutoComplete { font-size: 8pt; font-weight: normal; color: #3F3F3F; text-decoration: none; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; } .addToCart { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #3F3F3F; text-align: center; vertical-align: middle; background-image: url(../images/shopping_cart.gif); background-repeat: repeat; background-position: left bottom; background-color: transparent; height: 27px; width: 163px; margin-top: 8px; border:0px; padding-left: 25px;} a.addToCart { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #3F3F3F; text-align: center; vertical-align: middle; background-image: url(../images/shopping_cart.gif); background-repeat: repeat; background-position: left bottom; height: 27px; background-color: transparent; width: 163px; margin-top: 8px; border:0px; padding-left: 25px;} #quickOrder tr td {margin:0px; padding:0px;} .suggestionArea{ text-align:left; border: 1px solid #c6c8ca; overflow: hidden; visibility: hidden; z-index: 5000; height: 100%; width: 128px; background-color: #FFFFFF; padding: 3px; display: block; margin-top: 0px; line-height:15px; font-family: Arial, Helvetica, sans-serif; color: #231f20; font-size: 10pt; position: absolute; top:20px; left:20px; } .suggestionArea span {display:block; cursor:pointer; } /* Breadcrumb */ #breadcrumb { font-size: 7pt; text-decoration: none; text-indent:-15px; padding: 8px 5px 10px 20px; color: #666666; text-align: left; } #breadcrumb b {font-size: 7pt;} #breadcrumb a:link, #breadcrumb a:visited { text-decoration: none; color: #666666; } #breadcrumb a:hover{ text-decoration: underline; color: #666666; } #breadcrumb a:active { text-decoration: none; color: #666666; } /* Local left Nav (level 2-4) */ #localLeftNav { width: 148px; padding: 8px 0px 10px 0px; margin-right: 5px; margin-left: 5px; } #localLeftNavHeader { color: #231f20; font-size: 8pt; font-weight: bold; text-transform: uppercase; text-decoration: none; text-align: left; padding: 0px 0px 3px 0px; vertical-align: top; } #localLeftNavLinks { color: #231f20; text-decoration: none; text-align: left; padding: 0px 0px 0px 17px; margin:0px;} #localLeftNavLinks img {margin:3px 8px 0px -15px; vertical-align:top;} #localLeftNavLinks span { text-align: left; line-height:12px; display: block; padding:0px 0px 5px 0px;} #localLeftNavLinks a:link {font-size: 11px; color: #231f20; text-decoration: none; margin-left:-3px; } #localLeftNavLinks a:visited {font-size: 11px; color: #231f20; text-decoration: none; margin-left:-3px; } #localLeftNavLinks a:hover {font-size: 10px; color: #231f20; text-decoration: none; font-weight:bold; margin-left:-3px; } #localLeftNavLinks a:active {font-size: 11px; color: #231f20; text-decoration: none; margin-left:-3px; } /* My Account left Nav */ #localLeftNavSubHeader { color: #231f20; font-size: 8pt; font-weight: bold; text-decoration: none; text-align: left; padding: 0px 0px 3px 0px; vertical-align: top; } /* Level 4 Left Nav */ #level4LeftNavLinks span { font-size:7pt; font-weight:bold; display: block; text-decoration:none; text-align:left; padding:3px 0px 1px 0px; vertical-align: top; } #level4LeftNavLinks .smallTitle { margin:10px 0px; padding-bottom:10px; border-top:1px solid #EFEFEF; border-bottom:1px solid #EFEFEF; } #level4LeftNavLinks .smallTitle span { font-weight:normal; font-size: 8pt; } /* Level 4 Product List */ .smallText { font-size:8pt; } .barText { height:20px; color:#fff; font-size:7pt; font-weight:bold; border-right:1px solid #fff;} #level5_productList { height:460px; overflow:auto; background-color:#fff; border-left-width: 1px; border-left-style: solid; border-left-color: #CBCBCB; border-right-width: 1px; border-right-style: solid; border-right-color: #CBCBCB; width: 590px; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; } .productLists { width:568px; border-bottom:1px solid #EFEFEF; height:70px; } .product_List_addToCart a img { border: 0px; background-image: url(../images/addToCart_small.gif); background-repeat: no-repeat; background-position: left bottom; height: 28px; width: 34px; } .product_List_addToCart a:hover img{ background-position: left top; border: 0px; } #displayArea { height:460px; overflow:auto; background-color:#fff; border-left-width: 1px; border-left-style: solid; border-left-color: #CBCBCB; border-right-width: 1px; border-right-style: solid; border-right-color: #CBCBCB; width: 588px; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; } .displayAreaTable { width:568px; border:0px; padding:0px; } #displayArea .loading { width:568px; height: 400px; } /* Level 5 Product Detail */ #youMightInterested { width: 148px; } .youMightInterested_Header { font-size: 7pt; font-weight: bold; color: #FFFFFF; text-decoration: none; background-color: #4098cf; text-align: center; vertical-align: middle; height: 28px; width: 147px; padding-top: 3px; padding-bottom: 1px; letter-spacing: 0.1em; } .youMightInterested_ItemBox { width:145px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #c6c8ca; border-bottom-color: #c6c8ca; border-left-color: #c6c8ca; } .youMightInterested_Items { text-align:left; vertical-align:top; padding:6px 3px 5px 3px; } .youMightInterested_Items div { padding-top:4px; font-size: 7pt; color: #231f20; text-decoration: none; text-align:left; vertical-align:middle; padding:0px; line-height:11px; } .youMightInterested_Items span { font-size: 7pt; color: #231f20; text-decoration: none; text-align:left; } .youMightInterested_Items a:link, .youMightInterested_Items a:visited { font-size: 7pt; font-weight:bold; color: #231f20; text-decoration: underline;} .youMightInterested_Items a:hover { font-size: 7pt; font-weight:bold; color: #231f20; text-decoration: none; } .youMightInterested_Items a:active { font-size: 7pt; font-weight:bold; color: #231f20; text-decoration: underline;} .youMightInterested_Items img { float:left; vertical-align:middle; padding:0px 3px 0px 0px; } /* Product Detail */ #level5_productDetial { width: 600px; margin-top: 3px; margin-right: 5px; margin-bottom: 15px; margin-left: 5px; } .title { font-size:10pt; font-weight: bold; color: #231f20; width: 595px; padding-right:10px; text-align: left; vertical-align: top; padding-bottom: 10px; } #level5_productDetialImg { padding: 0px 10px 0px 5px; float:left; vertical-align:top;} .productDesc { width:210px; font-size: 10pt; color: #231f20; text-align: left; vertical-align: top; float:right; padding:10px 0px;} .descList ul { color:#231f20; margin: 0px; padding-left:0px; padding-top:10px; list-style-position: outside; llist-style-type: square; font-size: 9pt; text-align: left; vertical-align: top; width: 185px; float: right; } .attachText a:link, .attachText a:visited { font-size: 9pt; color: #231f20; text-decoration: underline; float: left; width: 217px; text-align: center; vertical-align: middle; margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; } .attachText a:hover { font-size: 9pt; color: #231f20; text-decoration: none;} .attachText a:active { font-size: 9pt; color: #231f20; text-decoration: underline; float: left; width: 217px; text-align: center; vertical-align: middle; margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; } .toollinks { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #231f20; margin:20px 0px; text-align: left; } .toollinks td {border-collapse: collapse;} a.tool_Link:link, a.tool_Link:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #231f20; text-decoration: none; text-align: left;} a.tool_Link:hover {text-decoration: none; font-weight: bold; font-size: 12px;} a.tool_Link:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #231f20; text-decoration: none; text-align: left;} .addToCart_button a { background-image: url(../images/addToCart_button.gif); background-repeat: no-repeat; background-position: left bottom; background-color: #FFF; } .priceTexts { border-bottom:1px solid #BBBDBF; padding-bottom: 5px; width:200px;} /* the is the normal price style */ .price { display: block; font-size: 14pt; font-weight: bold; color: #231f20; text-align: center; vertical-align: bottom; } .price_small { display: block; font-size: 12pt; font-weight: normal; color: #231f20; text-align: center; vertical-align: bottom; } /* this is for the on sale price style: price with line-through on the $oo.oo */ .price_sale { display: inline; font-size: 12pt; font-weight: normal; color: #231f20; text-align: center; vertical-align: bottom; text-decoration: line-through; } /* this is for the on sale price style: Sale and $00.00 in read */ .sale { display: block; font-size: 14pt; font-weight: bold; color: #FF0000; text-align: center; vertical-align: bottom; } /* START FOOTER STYLES */ .bottomNAVBG {background-color: #FFFFFF; background-repeat: no-repeat; background-position: left center; background-image: url(../images/FooterBG.png); height: 35px; width: 987px; vertical-align: middle; border: 1px solid #C6C8CA; } .email { padding: 0px 5px; vertical-align: middle; text-align: left; height:18px; } /*.emailText { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; font-weight: normal; color: #3F3F3F; text-decoration: none; padding:1px 0px 0px 3px; vertical-align: middle; width:250px; height:18px; }*/ input.submitButton { background-image: url(../images/buttonBG_short.gif); background-repeat: no-repeat; background-position: center center; height: 18px; margin-top:4px; width: 83px; border:0px; font-size:6pt; font-weight:bold; color:#3F3F3F; letter-spacing:0.08em; background-color:transparent; text-align:center; } .submitButton { padding-top:3px; background-image: url(../images/buttonBG_short.gif); background-repeat: no-repeat; background-position: center center; height: 18px; margin-top:1px; width: 83px; border:0px; background-color:transparent; text-align:center; } a.submitButtonText:link, a.submitButtonText:visited, a.submitButtonText:hover, a.submitButtonText:active {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; font-weight:bold; color:#3F3F3F; letter-spacing:0.08em; text-decoration: none; padding:0px; margin:0px; vertical-align:middle;} #returnTop { font-size:7pt; color:#757273; font-weight: bold; cursor: pointer; padding:3px 5px 0px 0px; float: right; clear: left; } #returnTop a:link, #returnTop a:visited {font-size:7pt; color:#757273; font-weight: bold; text-decoration:none;} #returnTop a:hover {font-size:7pt; color:#757273; font-weight: bold; text-decoration: underline;} #returnTop a:active {font-size:7pt; color:#757273; font-weight: bold; text-decoration:none;} /* bottom Nav button links */ #bottomNavButton { float:right; width:482px; height:20px;} a.bottomNav:link, a.bottomNav:visited {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; line-height: 20px; color: #3f3f3f; text-decoration: none; letter-spacing: 0.02em; text-align: center; vertical-align: middle; width:114px; height:20px; border:0px; padding: 0px 3px 0px 0px; background-position: left bottom; background-image:url(../images/BottomNavBG.png); background-repeat: no-repeat; float: right; } a.bottomNav:hover {color:#FFF; background-position:left top; font-weight: bold;} a.bottomNav:active {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 20px; font-weight: bold; color: #3f3f3f; text-decoration: none; letter-spacing: 0.02em; text-align: center; vertical-align: middle; width:114px; height:20px; border:0px; padding: 0px 3px 0px 0px; background-position: left bottom; background-image:url(../images/BottomNavBG.png); background-repeat: no-repeat; float: right; } .bottomNavText { font-size: 8pt; color: #231f20; text-decoration: none; padding:0px; text-align: center; } .bottomNavText a:link, .bottomNavText a:visited { font-size: 8pt; color: #231f20; text-decoration: none; padding-top:10px;} .bottomNavText a:hover { font-size: 7pt; color: #231f20; text-decoration: none; padding-top:10px; font-weight:bold;} .bottomNavText a:active { font-size: 8pt; color: #231f20; text-decoration: none; padding-top:10px;} .copyright { font-family: Tahoma, Arial; font-size: 7pt; color: #231f20; padding-top:15px; padding-bottom:10px;} /****** SET 2 *****/ /* Check Out (Shopping Cart, Payment, Shipment */ /* checkOutBottom is the background for subtotal, tax, shipping & total. Used by OrderInformationOrderDetails.jsp */ .checkOutBottom { background-image: url(../images/colors/color1/shoppingCart_bottomBGimg.jpg); border:1px solid #eee; border-top:none; background-repeat: repeat-x; background-position: left top; background-color:#e4e4e4; } #checkOutMenu { background-color:#FFFFFF; width:678px; margin:10px 0px; /* clin changed: removed boder border-right:1px solid #BBBDBF; border-bottom:1px solid #BBBDBF; border-left:1px solid #BBBDBF;*/ } #checkOutButton { background-color:#FFFFFF; width:678px; margin-top:20px; margin-bottom:30px; } .checkOutContentBox { display:block; overflow-x: hidden; overflow-y: hidden; width:670px; height:750px; padding:0px; } .checkOutOrderItemBox { display:block; overflow-x: hidden; overflow-y: hidden; width:670px; height:450px; padding:10px; } .checkOutHeader { width:678px; height:26px; background-color:#999999; color:#FFFFFF; margin-top: 2px; margin-left: -1px; text-align: left; background-image: url(../images/unselected.gif); background-repeat: no-repeat; background-position: left center; } .checkOutHeader_select { width:678px; height:26px; background-color:#4098cf; color:#FFFFFF; margin-top: 2px; margin-left: -1px; text-align: left; background-image: url(../images/select.gif); background-repeat: no-repeat; background-position: left center; } .checkOutHeader span { font-size: 110%; font-weight:bold; color: #fff; height:26px; line-height:26px; cursor:pointer; text-decoration: none; vertical-align:middle; padding-left:19px; } .checkOutHeader_select span { font-size: 110%; font-weight:bold; color: #fff; height:26px; line-height:26px; cursor:pointer; text-decoration: none; vertical-align:middle; padding-left:23px; } /* Check Out Order Summary */ .editHeader { background-color: #b2b2b2; text-indent: 10px; text-align: left; font-weight: bold; color: #FFFFFF; padding-top: 5px; padding-bottom: 5px; margin-top: 10px; } .editHeader span {color: #FFFFFF; padding-left:10px;} .editHeader a:link, .editHeader a:visited {font-size:8pt; color:#FFFFFF; text-decoration:underline;} .editHeader a:hover {font-size:8pt; color:#FFFFFF; text-decoration:none;} .editHeader a:active {font-size:8pt; color:#FFFFFF; text-decoration:underline;} /* General Style */ .blueHeader { background-color:#4098cf; color:#FFFFFF; } #log_in { width: 987px; background-color:#FFFFFF; padding-top:50px; padding-bottom:200px; } .buttonBG_long { text-align:center; background-image: url(../images/buttonBG_long.gif); background-repeat: no-repeat; background-position: center center; height: 25px; width: 150px; border:0px; background-color:transparent; font-size:10pt; font-weight:bold; color:#3F3F3F; letter-spacing:0.02em; } .buttonBG_long_left { text-align:left; background-image: url(../images/buttonBG_long.gif); background-repeat: no-repeat; background-position: center center; height: 25px; width: 150px; border:0px; background-color:transparent; padding-top:5px; letter-spacing:0.02em; } .buttonBG_long a:link, .buttonBG_long a:visited { font-size: 7pt; color: #231f20; } .buttonBG_long a:hover { font-size: 7pt; color: #231f20; text-decoration:none; } .buttonBG_long a:active { font-size: 7pt; color: #231f20; } .buttonBG_small { text-align:center; background-image: url(../images/buttonBG_small.gif); background-repeat: no-repeat; background-position: center center; height: 22px; width: 142px; border:0px; font-size:7pt; font-weight:bold; color:#3F3F3F; letter-spacing:0.02em; background-color:transparent; } .buttonBG_small a:link, .buttonBG_long a:visited { font-size:7pt; color: #231f20; text-decoration:none;} .buttonBG_small a:hover { font-size: 7pt; color: #231f20; text-decoration:underline; } .buttonBG_small a:active { font-size: 7pt; color: #231f20; text-decoration:none; } .buttonBG_short { text-align:center; background-image: url(../images/buttonBG_short.gif); background-repeat: no-repeat; background-position: center center; height: 18px; width: 82px; border:0px; font-size:7pt; font-weight:bold; color:#3F3F3F; letter-spacing:0.02em; background-color:transparent; } .buttonBG_checkout { font-family:Tahoma; font-size:7pt; font-weight:bold; color:#3F3F3F; text-align:center; background-image: url(../images/buttonBG_checkout.gif); background-repeat: no-repeat; background-position: center center; height: 20px; width: 90px; border:0px; background-color:transparent; } .buttonBG_XL { font-family:Tahoma; font-size:7pt; font-weight:bold; color:#3F3F3F; text-align:center; background-image: url(../images/buttonBG_XL.gif); background-repeat: no-repeat; background-position: center center; height: 25px; width: 170px; border:0px; background-color:transparent; } .order_detail_cart_button { float:left; background:url(../images/addToShoppingCart_L.gif) no-repeat left bottom; margin:0px; width:230px; height:36px; padding:0px; font-family: Tahoma; font-size: 7pt; color: #231f20; text-decoration: none; text-align: center; line-height: 12px; vertical-align: middle; } .my_account_order_detail_cart_button { float:left; background:url(../images/addToShoppingCart_s.gif) no-repeat left bottom; margin:0px; width:150px; height:23px; padding:0px; font-family: Tahoma; font-size: 7pt; color: #231f20; text-decoration: none; text-align: center; line-height: 12px; vertical-align: middle; } .buttonBG_long_left a:link, .buttonBG_long_left a:visited, .buttonBG_long_left a:hover, .buttonBG_long_left a:active {font-size: 7pt; color: #231f20; text-decoration:none;} .buttonBG_long_left span {padding-left:15px;} .blackTitle { font-size: 10pt; font-weight: bold; color: #231f20; } .blackText { font-size: 8pt; color: #231f20; } .blackTextButton { cursor:pointer; font-size: 8pt; color: #231f20; } .smallBlackText { font-size: 7pt; color: #231f20; } .smallBlackText a:link, .smallBlackText a:visited { font-size: 7pt; color: #231f20; } .smallBlackText a:hover { font-size: 7pt; color: #231f20; text-decoration:none; } .smallBlackText a:active { font-size: 7pt; color: #231f20; } .blackText a:link, .blackText a:visited { font-size: 8pt; color: #231f20; text-decoration:underline; } .blackText a:hover{ font-size: 8pt; color: #231f20; text-decoration:none; } .blackText a:active { font-size: 8pt; color: #231f20; text-decoration:underline; } a.underlineBlack:link { font-size:7pt; text-decoration:underline; color:#231f20;} a.underlineBlack:visited { font-size:7pt; text-decoration:underline; color:#231f20;} a.underlineBlack:hover { font-size:7pt; text-decoration:none;} a.underlineBlack:active { font-size:7pt; text-decoration:underline; color:#231f20;} .blackText_noUnderline { font-size: 8pt; color: #231f20; text-decoration: none; } .blackText_noUnderline a:link, .blackText_noUnderline a:visited { font-size: 8pt; color: #231f20; text-decoration:none; } .blackText_noUnderline a:hover{ font-size: 8pt; color: #231f20; text-decoration:underline; } .blackText_noUnderline a:active { font-size: 8pt; color: #231f20; text-decoration:none; } a.blackText_noUnderline:link { font-size: 8pt; color: #231f20; text-decoration:none; } a.blackText_noUnderline:visited { font-size: 8pt; color: #231f20; text-decoration:none; } a.blackText_noUnderline:hover{ font-size: 8pt; color: #231f20; text-decoration:underline; } a.blackText_noUnderline:active { font-size: 8pt; color: #231f20; text-decoration:none; } a.fastFinderLink:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:8pt; text-decoration:underline; color:#231f20;} a.fastFinderLink:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:8pt; text-decoration:underline; color:#231f20;} a.fastFinderLink:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:8pt; text-decoration:none;} a.fastFinderLink:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:8pt; text-decoration:underline; color:#231f20;} .line { background-color: #efefef; } .blackText ul { margin:0px 0px 0px 30px; padding:0px; } .blackText li { font-size:8pt; margin:0px; padding:2px 0px 0px 0px; list-style-position: outside; list-style-type: square; color: #231f20; } .blackText_noUnderline ul { margin:0px 0px 0px 30px; padding:0px; } .blackText_noUnderline li { font-size:8pt; margin:0px; padding:2px 0px 0px 0px; list-style-position: outside; list-style-type: square; color: #231f20; } /* Order item details */ .orderItemDetails {align:center; valign:top; padding:5px 0px; border-left: 1px solid #EEE;} /* Comments img style */ #EMSAndrewImg1 img { margin:0px 15px 0px 0px;} /* this is the div for the popup widgets/accordion */ #home { position: relative; width:760px;} #close { position: absolute; /*clin*/ top:0px; right:0px; z-index:3000;} /* visibility: hidden; */ #home_widgets { visibility: hidden; height: 369px; width: 234px; border: 1px solid #efefef; border-top:none; top: -10px; right: 0px; z-index: 1000; background-image: url(../images/home_widgetsBG.png); background-repeat: no-repeat; background-position: center center; position: absolute; } #home_rightWidgets { margin: 20px 10px 0px 10px; display: block; } a.closeLink:link { font-size:10pt; color:#231f20; float: right; margin: 3px 14px 5px 0px; text-decoration:underline; } a.closeLink:visited { font-size:10pt; color:#231f20; float: right; margin: 3px 14px 5px 0px; text-decoration:underline; } a.closeLink:hover { text-decoration:none; } a.closeLink:active { font-size:10pt; color:#231f20; float: right; margin: 3px 14px 5px 0px; text-decoration:underline; } #home_popup { visibility: hidden; background-image: url(../images/home_popup.gif); background-repeat: no-repeat; background-position: center center; padding: 3px; height: 168px; width: 250px; position: absolute; z-index: 2000; top: 38px; right: 215px; background-color:transparent; } .popupText { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; line-height: 16px; color: #231f20; text-align: left; margin: 35px 40px 0px 25px; } /* For Large Quick Order Form */ /* For page heading */ .pageHeading {padding-left: 0px;margin-left: 0px;padding-top: 4px;padding-bottom: 2px;font-family: verdana, arial, helvetica, sans-serif;font-size: 11pt;font-weight: bold;text-align: left;color: black;} /* Define text and background colors for labeled columns */ td.labelText1 {background-color: #C6C6C6;padding-top: 1px;padding-bottom: 1px;padding-left: 2px;margin: 0px;font-family: verdana, arial, helvetica, sans-serif;font-size: 10pt;font-weight: bold;color: #666666;text-align: left;padding: 3px;} th.labelText2 {background-color: #90B1CE;padding-top: 1px;padding-bottom: 1px;padding-left: 2px;margin: 0px;font-family: verdana, arial, helvetica, sans-serif;font-size: 8pt;font-weight: bold;color: black;padding: 3px;text-decoration: none;text-align: left;height:25} td.labelText2 {background-color: #90B1CE;padding-top: 1px;padding-bottom: 1px;padding-left: 2px;margin: 0px;font-family: verdana, arial, helvetica, sans-serif;font-size: 8pt;font-weight: bold;color: black;padding: 3px;text-decoration: none;text-align: left;height:25} td.labelText3 {background-color: #235173;padding-top: 1px;padding-bottom: 1px;padding-left: 2px;margin: 0px;font-family: verdana, arial, helvetica, sans-serif;font-size: 8pt;font-weight: bold;color: white;padding: 3px;text-decoration: none;text-align: left;height:25} /* CHI SHIA'S STYLE SHEETS END */