/******************************* GENERAL *******************************/ #srch_prof2390 { display: none; } #column1 { float: left; } #column2 { float: left; } #column3 { float: left; } #column4 { float: left; } /* Loading Area*/ .cms_loadwindow { /*background-color: #2b5cab*/ /*transparent*/ /*!important;*/ background-image: url("../../images/homepage/alectro_mask.png") !important; /*background-image: none !important;*/ border: none !important; text-align: center; /* filter:alpha(opacity=40); opacity: 0.4; -moz-opacity:0.4; */ } .cms_loadwindow_text { color: #FFFFFF; text-transform: uppercase; font: 12px Arial, Helvetica, sans-serif; } . /* Pop-up Window*/ #cms_popup1 { height: auto; width: 530px; border-radius: 5px; box-shadow: 0px 0px 19px 2000px rgba(0, 0, 0, 0.29); } #cms_popup2 { height: 200px; width: 300px; } .cms_popup { font-weight: bold; background-color: white; border: 1px solid #0070BB; height: auto; width: 500px; border-radius: 5px; box-shadow: 0px 0px 5px 2000px rgba(0, 0, 0, 0.4); } #cms_popup1 > div > span:nth-of-type(1), #cms_popup1 > div > span:nth-of-type(2), #cms_popup1 > div > a { display: none; } #cms_popup1 > div > span:nth-of-type(3) { text-align: left; margin-top: 24px; margin-left: -106px; float: left; } #cms_popup1 > div > span:nth-of-type(4) { text-align: left; float: left; margin-top: 24px; margin-left: -64px; } #cms_popup1 > div { display: inline-block; float: right; margin-top: -17px; padding-right: 3px; } #cms_popup1 > div:nth-of-type(1) { display: inline-block; text-align: left; float: left; padding-left: 13px; margin-top: 6px; } .cms_popup_title { //background:url(../../images/homepage_buttons/alectro_window_bar.gif) repeat scroll 0 0 #FFFFFF; //border:1px solid #84C08C; color: #FFFFFF; font: bold 13px Arial, Helvetica, sans-serif; text-align: center; background-color: #337AB7; border-top-left-radius: 3px; } .cms_closeBtnRO img { background-image: url(../../images/homepage_buttons/alectro_close_button.gif); width: 24px; height: 26px; border-top-right-radius: 4px; } .cms_closeBtnRO:hover img { background: url(../../images/homepage_buttons/alectro_close_button.gif) no-repeat; // width: 24px; //height: 26px; width: 24px; border-top-right-radius: 4px; } #cms_popup1 input[type="button"] { font-family: Arial; color: #FFF; font-size: 12px; background: #5CB85C none repeat scroll 0% 0%; padding: 3px 7px; text-decoration: none; border-radius: 2px; border-width: 0px; cursor: pointer; // margin-left: -10px; // margin-top: 7px; margin-left:10px; margin-top:0px; margin-right: 4px; // float: right; } .combination_option_field select, #cms_popup1 > div > input[type=text], #Quantity_add_value input { // display: block; padding: 2px 5px; color: #555; background-color: #FFF; background-image: none; border: 1px solid #CCC; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 95%; margin: 6px 0px; } #cms_popup1 > div > input[type=text] { width: 30%; display: inline-block; margin-right: 10px; } #Quantity_add_value input { text-align: center; width: 106px; height:20px; } #cms_popup1 > div > input[type=text] { width: 32%; display: unset; padding: 3px 0px 3px 0px; text-align: center; margin-left: 6px; } .combination_option_field select:focus, #cms_popup1 input[type=text]:focus, #Quantity_add_value input:focus { outline: 0px none; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6); } #cms_popup1 table { // border: 1px solid #AEAEAE; border-top-left-radius: 3px; border-top-right-radius: 3px; float: left; } .maxwidth { width: 96%; margin-left: 12px; border-radius: 3px; margin-top: 12px; border: 1px solid #AEAEAE; } .maxwidth td { border-top: 1px solid #AEAEAE; padding-left: 6px; } .maxwidth .subheading { font-size: 13px; font-weight: bold; border-top: 0px none; padding-top: 10px; padding-bottom: 7px; } .view_product_button { background-color: #2A5CAA; border-color: #2A5CAA; padding: 3px 7px; margin-top: 4px; width: 102px; border-left: 0px; } .view_product_button:focus, .view_product_button:hover { background-color: #214988; border-color: #214988; } .add_product_button { //border-radius: 3px 0px 0px 3px; width: 77px; padding: 3px 7px; //float: left; } /*------------------------change password popup--------------------------------*/ #cms_popup5 table:nth-of-type(2){ width: 100%; padding: 8px;} #cms_popup5 table:nth-of-type(2) td { padding: 5px; } #cms_popup5 table:nth-of-type(2) input{ // display: block; padding: 2px 5px; color: #555; background-color: #FFF; background-image: none; border: 1px solid #CCC; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; } #cms_popup5 table:nth-of-type(2) input:focus{ outline: 0px none; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6); } #cms_popup5 table:nth-of-type(2) td:nth-of-type(1) { width: 32%; } /*------------------------change password popup--------------------------------*/ /*-------------------------------------------------------------------------------------*/ .btn-arrow-right, .btn-arrow-left { position: relative; padding-left: 18px; padding-right: 18px; } .btn-arrow-right { padding-left: 36px; } .btn-arrow-left { padding-right: 36px; } .btn-arrow-right:before, .btn-arrow-right:after, .btn-arrow-left:before, .btn-arrow-left:after { /* make two squares (before and after), looking similar to the button */ content: ""; position: absolute; top: 4px; width: 16px; height: 16px; background: inherit; /* use parent background */ border: inherit; /* use parent border */ border-left-color: transparent; /* hide left border */ border-bottom-color: transparent; /* hide bottom border */ border-radius: 0px 4px 0px 0px; /* round arrow corner, the shorthand property doesn't accept "inherit" so it is set to 4px */ -webkit-border-radius: 0px 4px 0px 0px; -moz-border-radius: 0px 4px 0px 0px; } .btn-arrow-right:before, .btn-arrow-right:after { transform: rotate(45deg); /* rotate right arrow squares 45 deg to point right */ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); } .btn-arrow-left:before, .btn-arrow-left:after { transform: rotate(225deg); /* rotate left arrow squares 225 deg to point left */ -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); } .btn-arrow-right:before, .btn-arrow-left:before { /* align the "before" square to the left */ left: -7px; } .btn-arrow-right:after, .btn-arrow-left:after { /* align the "after" square to the right */ right: -8px; } .btn-arrow-right:after, .btn-arrow-left:before { /* bring arrow pointers to front */ z-index: 1; } .btn-arrow-right:before, .btn-arrow-left:after { /* hide arrow tails background */ background-color: white; } /*-------------------------------------------------------------------------------------*/ .add_product_button:focus, .add_product_button:active:focus, .add_product_button.active:focus, .add_product_button.focus, .add_product_button.focus:active, .add_product_button.active.focus, .view_product_button:focus, .view_product_button:active:focus, .view_product_button.active:focus, .view_product_button.focus, .view_product_button.focus:active, .view_product_button.active.focus { outline: none; } .loading_span { background: url(../../images/mounting_bracket_products/495.GIF) left top; width: 16px; height: 16px; display: inline-block; } .add_product_button a { text-decoration: none; color: white; } .maxwidth .combination_update_message { border-top: 0px none; } .combination_option_label { //width:50%; } .cms_popup_forgot_password { height: 220px !important; } .cms_popup_forgotpass_user_form td { padding-left: 15px; padding-bottom: 5px; } .cms_popup_forgotpass_user_form { margin-top: 15px; } .forgot_pass_form_label { width: 80px; } .cms_popup_forgotpass_error { padding-left: 15px; } .cms_popup_forgotpass_question_form td { padding-left: 15px; padding-bottom: 5px; } .cms_popup_forgot_password input { border: 1px solid #BBBBBB; float: left; } .cms_popup_forgotpass_result div { padding-left: 15px; padding-right: 15px; padding-bottom: 15px; } #fuser2360 { border: 1px solid #B3B3B3; float: left; margin-left: 55px; } #fuseremail2360 { border: 1px solid #B3B3B3; float: left; margin-left: 55px; } /****************************** REGISTRATION FORM ******************************/ .alectro_registration_form { padding: 0px; } .alectro_registration_form td { padding: 0px !important; } .alectro_registration_form input { border: 1px solid #BBBBBB; } .alectro_register_submit input { border: none; background: white url(../../images/homepage_buttons/btn_register.gif) no-repeat top; width: 90px; height: 19px; overflow: hidden; text-indent: -1000em; cursor: pointer; } /****************************** SEARCH FORM ******************************/ #area2215 { padding: 0; margin: 0; } #format_search_form_box { /* float:left;*/ margin-top: 5px; width: 150px; } #format_search_form_box input { border: 1px solid #CCCCCC; color: #B3B3B3; float: left; height: 18px; position: relative; width: 150px; } #area2390 #format_search_form_button { float: right; /* background: transparent url(../../images/homepage_buttons/btn_go.gif) no-repeat top;*/ width: 0px; /*height: 20px;*/ margin-top: -5px; position: relative; } #area2390 #format_search_form_button a img { width: 0px; height: 0px; margin-top: -27px; margin-left: -27px; position: relative; } #area2392 #format_search_form_button { float: right; background: transparent url(../../images/homepage_buttons/btn_go.gif) no-repeat top; float: left; height: 20px; margin-top: 5px; position: relative; width: 35px; } #area2392 #format_search_form_button a:hover { background: transparent url(../../images/homepage_buttons/btn_go.gif) no-repeat bottom; width: 16px; height: 20px; } #area2392 #format_search_form_button a img { background: url("../../images/homepage_buttons/btn_go.gif") no-repeat scroll 0 0 transparent; height: 20px; position: relative; width: 35px; } /****************************** SEARCH RESULTS ******************************/ #area2391 { float: right; width: 710px; } #area2457 { float: left; width: 710px; } #area2437 { float: left; } #format_search_wrapper { float: left; width: 701px; //border:1px solid #DDD; padding: 8px 0px 8px 10px; margin-bottom: 15px; font-size: 14px; } #format_search_header { //float:right; font-size: 12px; font-weight: bold; //margin-bottom:10px; } #format_search_prev { color: #666666; float: left; font-weight: bold; height: auto; line-height: 2.4; //margin-right:15px; //margin-top:3px; text-align: right; width: auto; } #format_search_prev a { display: block; } .pagination_wall_plate_bottom { // margin-top: 0px; // margin-bottom:21px; margin-bottom: 25px; margin-top: -7px; } .pagination_wall_plate { margin-top: 0px; margin-bottom:21px; } .info_popover{ display:inline; float:right; } #format_search_prev a { //background-image: url("../../images/homepage_buttons/prev.png"); background-image: url("data:image/svg+xml;utf8,Prev"); background-repeat: no-repeat; height: 18px; width: 26px; float: left; /*background:url("../../images/homepage_buttons/prev.png"); background-repeat: no-repeat; height:9px; width:40px; padding:2px 26px;*/ border: 1px solid #D9D9D9; color: #666666; //margin-left:3px; text-decoration: none; margin-left: 14px; } #format_category_header_basic { color: #FFFFFF; //font-size: 17pt; font-size: 16pt; // font-weight: bold; margin: 0; padding-top: 3px; line-height: 17px; } .global_page_header{ color: #FFFFFF; font-size: 17pt; font-weight: bold; margin: 0; padding-top: 3px; line-height: 17px; } #format_search_prev a:hover { //background:url("../../images/homepage_buttons/prev.png"); //background-repeat: no-repeat; // background-position: 0 -20px; background-image: url("data:image/svg+xml;utf8,Prev"); color: #23527C; background-color: #EEE; border-color: #DDD; } #format_search_next { color: #666666; float: right; font-weight: bold; height: auto; line-height: 2.4; //margin-right:15px; //margin-top:3px; text-align: right; width: auto; } #format_search_next a { /*background-image: url("../../images/homepage_buttons/next.png"); background-repeat: no-repeat; height:20px; width:54px; float: left; background-image:url("../../images/homepage_buttons/next.png"); background-repeat: no-repeat; height:9px; width:40px; padding:2px 26px; border:1px solid #D9D9D9; color:#666666; margin-left:3px; text-decoration:none;*/ background-image: url("data:image/svg+xml;utf8,Next"); background-repeat: no-repeat; height: 18px; width: 26px; float: left; /*background:url("../../images/homepage_buttons/prev.png"); background-repeat: no-repeat; height:9px; width:40px; padding:2px 26px;*/ border: 1px solid #D9D9D9; color: #666666; //margin-left:3px; text-decoration: none; display: block; } #format_search_next a:hover { /*background:url("../../images/homepage_buttons/next.png");*/ background-repeat: no-repeat; background-position: 0 -20px background-image: url("data:image/svg+xml;utf8,Next"); color: #23527C; background-color: #EEE; border-color: #DDD; } #search_listing { // float: left; } .list { cursor: pointer; color: #AA9B9B; font-size: 2.3em; } .list:hover { color: grey } #view_options { display: inline-block; } .grid { cursor: pointer; color: #39B54A; font-size: 2.3em; padding-right: 2px; } .view_by_text { display: inline-block; } #list_view { //border-spacing:20px; border-top: 1px solid white; } #list_view th { border-spacing: 0px; border-top: 0px; border-bottom: 2px solid #DDD; text-align: center; } .buttons { // margin-bottom: 14px; padding: 5px 0px 2px 10px; border: 1px solid #DDD; border-left: 0px none; border-right: 0px none; border-bottom: 1px solid white; font-size: 12px; font-weight: 900; //margin-right: 10px; height: 23px; } .buttons1 { width: 90%; display: block; float: right; } #list_view img { max-width: 140px; max-height: 145px; text-align: center; } .view_by { float: left; margin-left: 7px; margin-top: 3px; } .view_by_footer { margin-top: 0px; width: 85px; } .mount_pagination_div { //float:left; margin-top: -0.2em; } .mount_pagination_div select,.mount_pagination_div_footer select{ height: 22px; padding: 0px 2px; font-size: 12px; line-height: 1.42857; color: rgb(85, 85, 85); background-color: rgb(255, 255, 255); background-image: none; border: 1px solid rgb(204, 204, 204); border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 40px; } .mount_pagination_div select{ //position: absolute; margin-top: 0px; margin-left: 8px; } .mount_pagination_div_footer select{ position: absolute; margin-left: 8px; margin-bottom: 0px; margin-top: -7px; } .mount_pagination_div select option:nth-of-type(1), .mount_pagination_div select option:nth-of-type(2), .mount_pagination_div_footer select option:nth-of-type(1), .mount_pagination_div_footer select option:nth-of-type(2) { display: none; } .total_page_div{ position: absolute; display: inline-block; } .total_page_div > select,.mount_pagination_div_footer select{ width:45px; } .total_page_text,.total_page_text_table{ display: inline-block; margin-left:4px; } .mount_pagination_div select:focus,.mount_pagination_div_footer select:focus{ border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); } .footer_border { border: 1px solid #DDD; height: 26px; float: right; width: 100%; // padding-top: 2px; padding-bottom: 2px; // margin-top: -48px; border-left: 0px none; border-right: 0px none; border-top:0px none; padding-top: 0px; margin-top: -54px; } .product_price { text-align: center; font-size: 17px; font-weight: bold; color: #2A5CAA; } .right_buttons { text-align: center; width: 125px; } #bottom_page_grid { text-decoration: none; } .favourites_products_category{ float:left; margin-top:15px; } .fa-stack{ float: right; } .fa-stack-2x{ font-size: 1.8em; padding-top:2px; } .fa-info{ color: #FFF; font-weight: lighter; font-size: 1.1em; margin-top: 1px; } .fa-square { color: #AA9B9B; } /* alectro_product_listing:nth-of-type(2n) { float: left; } .alectro_product_listing:nth-of-type(2n+1) { background-color: #008000; display: inline-block; margin-right: 3px; } */ /* .info_icon{ height:24px; cursor:pointer; float:right; margin-top:5px; }*/ .info_icon{ cursor:pointer; float:right; margin:0px; margin-top:3.5px; } .info_icon > li > a:focus,.info_icon > li > a:hover { background-color: rgb(57, 181, 74); color: white; } #area2257 { margin-top: 10px; } #format_search_results_retail { clear: all; width: 510px; padding-bottom: 20px; margin-bottom: 20px; } #format_search_results_retail_thumb { height: 60px; width: 60px; padding-left: 10px; padding-top: 5px; border: #18507E solid 1px; margin-right: 5px; background: white; } #format_search_results_retail_name { width: 310px; } #format_search_results_retail_name a { font-weight: bold; } #format_search_results_retail_code {} #format_search_results_retail_unit {} #format_search_results_retail_price { font-weight: bold; } #format_search_results_retail_stock { padding: 10px; } #format_search_results_retail_quantity { margin-top: 3px; } #format_search_results_retail_addButton img { height: 17px; width: 82px; border: 0px; margin-top: 3px; } #format_search_results_retail_addButton a img { background-image: url(../../images/homepage_buttons/btn_add2cart.jpg); background-repeat: no-repeat; } #format_search_results_retail_addButton a:hover img { background-image: url(../../images/homepage_buttons/btn_add2cart.jpg); background-repeat: no-repeat; background-position: 0 -17px; } #format_search_results_retail_addFav img { height: 20px; width: 121px; border: 0px; margin-left: 15px; margin-top: 3px; float: left; } #format_search_results_retail_addFav a img { background-image: url(../../images/homepage_buttons/btn_addtofav.gif); background-repeat: no-repeat; } #format_search_results_retail_addFav a:hover img { background-image: url(../../images/homepage_buttons/btn_addtofav.gif); background-repeat: no-repeat; background-position: 0 -20px; } #format_search_results_retail_remFav { height: 20px; width: 121px; border: 0px; margin-left: 15px; margin-top: 3px; float: left; } #format_search_results_retail_remFav a img { background-image: url(../../images/homepage_buttons/btn_removefav.gif); background-repeat: no-repeat; height: 20px; width: 121px; } #format_search_results_retail_remFav a:hover img { background-image: url(../../images/homepage_buttons/btn_removefav.gif); background-repeat: no-repeat; background-position: 0 -20px; height: 20px; width: 121px; } .alectro_product_listing_name, .alectro_product_listing_name div { color: #000000; font-family: Arial, Helvetica, san-serif; font-weight: bold; padding-bottom: 0px; padding-top: 0px; } .alectro_product_short_desc { padding-bottom: 10px; } /************************************** PRODUCT DETAILS **************************************/ #area2256 {} #format_product_details_retail_image { padding: 10px 10px 10px 10px; /*border: #999999 solid 1px;*/ margin-right: 5px; width: 210px; } #format_product_details_retail_thumbs span { display: block; } #format_product_details_retail_thumbs ul { margin-left: 0px; list-style: none; } #format_product_details_retail_thumbs ul li { display: inline; } #format_product_details_retail_thumbs ul li a { text-decoration: none; } #format_product_details_retail_thumbs ul li a img { /*border: #DCDCDC solid 1px;*/ border: none; } #format_product_details_retail_addFav img { height: 20px; width: 121px; border: 0px; margin-top: 5px; margin-left: 45px; } #format_product_details_retail_addFav a img { background-image: url(../../images/homepage_buttons/btn_addtofav.gif); background-repeat: no-repeat; } #format_product_details_retail_addFav a:hover img { background-image: url(../../images/homepage_buttons/btn_addtofav.gif); background-repeat: no-repeat; background-position: 0 -20px; } #format_product_details_retail_remFav { height: 20px; width: 121px; border: 0px; margin-left: 45px; margin-top: 3px; } #format_product_details_retail_remFav a img { background-image: url(../../images/homepage_buttons/btn_removefav.gif); background-repeat: no-repeat; height: 20px; width: 121px; } #format_product_details_retail_remFav a:hover img { background-image: url(../../images/homepage_buttons/btn_removefav.gif); background-repeat: no-repeat; background-position: 0 -20px; height: 20px; width: 121px; } .format_product_details_subheading { color: #276DAF !important; font-size: 13px; font-weight: bold; padding-bottom: 3px; padding-top: 6px; text-align: left; } .format_product_details_left_extra { float: left; width: 290px; } #format_product_details_retail_name { font-size: 13px; font-weight: bold; background: #5BA7CE; color: white; padding: 2px; } #format_product_details_retail_code { margin-top: 5px; } #format_product_details_retail_unit {} #format_product_details_retail_stock { margin-top: 10px; margin-bottom: 3px; } #format_product_details_retail_price { margin-bottom: 3px; } #format_product_details_retail_quantity { margin-bottom: 3px; float: left; text-align: center; } #format_product_details_retail_quantity input { margin-left: 3px; } #format_product_details_retail_addButton img { height: 17px; width: 82px; border: 0px; margin-top: 3px; margin-left: 10px; float: left; } #format_product_details_retail_addButton a img { background-image: url(../../images/homepage_buttons/btn_add2cart.jpg); background-repeat: no-repeat; } #format_product_details_retail_addButton a:hover img { background-image: url(../../images/homepage_buttons/btn_add2cart.jpg); background-repeat: no-repeat; background-position: 0 -17px; } #format_product_details_retail_description { margin-top: 5px; } #prod_desc1 { padding-top: 10px; } /* Related Items*/ } .related_products_title { color: #276DAF; font-size: 17pt; font-weight: bold; padding-bottom: 5px; } .related_products { margin-left: 0px; list-style-type: none; } .related_products li { list-style: none; } .Related_Product_Table { border-left-style: solid; border-left-width: 2px; border-right-style: solid; border-right-width: 2px; border-top-style: solid; border-top-width: 2px; border-bottom-style: solid; border-bottom-width: 2px; background: none; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #related_products_Qty_add_value { border: 1px solid #808080; width: 60px; text-align: center; } /*.related_products_listing { float: left; padding-bottom: 15px;*/ } /*.related_products_box { float: left; width: 345px; padding-bottom: 15px; line-height: 0;*/ } /* Product Combination Options */ .combinations_table td { padding: 0px !important; width: 300px; } .combination_option_label { color: #276DAF; font-size: 12px; /*font-weight: bold;*/ padding: 3px 0px 3px 0px; width: 35%; } .combination_option_field { margin-bottom:15px; } .combinations_table .subheading { color:#000000; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:11px 0 8px; margin-top:20px; } .combinations_table select { width: 384px; } .combination_update_message { display: table; font: 12px/14px Arial, Helvetica, sans-serif; } #right_content .alectro_product_listing_name { padding-bottom: 0px; } .format_product_details_left_extra {} .format_product_details_left_extra ul { margin-left: 0px !important; } .format_product_details_left_extra li { list-style-type: none !important; } #area2828 a[href*=".pdf"] { background: none; display: inline-block; padding: 2px 0 2px 2px; } a[href*=".pdf"] { background: url("../../../common/images/attachments/pdf.gif") no-repeat scroll left center transparent; display: inline-block; line-height: 18px; min-height: 18px; overflow: visible; padding: 2px 0 2px 20px; } a[href*=".doc"], a[href*=".docx"] { background: url("../../../common/images/attachments/doc.gif") no-repeat scroll left center transparent; display: inline-block; line-height: 18px; min-height: 18px; overflow: visible; padding: 2px 0 2px 20px; } a[href*=".xls"], a[href*=".xlsx"] { background: url("../../../common/images/attachments/xls.gif") no-repeat scroll left center transparent; display: inline-block; line-height: 18px; min-height: 18px; overflow: visible; padding: 2px 0 2px 20px; } a[href*=".txt"] { background: url("../../../common/images/attachments/txt.gif") no-repeat scroll left center transparent; display: inline-block; line-height: 18px; min-height: 18px; overflow: visible; padding: 2px 0 2px 20px; } .left_content .other_view li { padding-top: 10px; padding-left: 5px; } .format_category_crumb_basic_1 { display: none; } .alectro_wallplate_desc3 { float:left; padding:0 0 0 0; width:300px; } .alectro_wallplate_desc3 h3 { color: #276DAF; /*font-size:12px;*/ } .alectro_wallplate_desc3 ul { float:left; padding:0 0 0 0; list-style:none; margin-left: 0 !important; } .alectro_wallplate_desc3 ul li { float:left; padding:15px 6px 0 0; width:80px; list-style:none; } .alectro_wallplate_desc3 ul li p { display:block; font-size:14px; text-align:center; color:#000; padding-top:2px; } .alectro_wallplate_desc3 img { width: 90px } /*************************************** FEATURE PRODUCTS ***************************************/ #area2259 { float: left; width: 203px; height: 120px; } #area2260 { float: left; width: 203px; height: 120px; } #area2261 { float: left; width: 203px; height: 120px; } #area2262 { float: left; width: 203px; height: 120px; } #area2263 { float: left; width: 203px; height: 120px; } #area2264 { float: left; width: 203px; height: 120px; } #format_feature_product_retail_image { float: left; height: 73px; width: 63px; margin-top: 15px; margin-left: 25px; margin-right: 5px; border: #18507e solid 1px; background: white; padding-left: 10px; padding-top: 15px; } #format_feature_product_retail_image a img { text-align: center; float: left; } #format_feature_product_retail_name { color: #18507e; margin-top: 15px; text-align: left; padding: 0 0 2px 0px; font-weight:bold; float: left; text-decoration: underline; height: 35px; width: 94px; } #format_feature_product_retail_price { text-align: left; font-weight: bold; margin: 2px; color: #18507e; } #format_feature_product_retail_quantity { color: Black font-weight: bold; } #format_feature_product_retail_quantity input { border: black solid 1px; text-align: center; } #format_feature_product_retail_addButton img { height: 17px; width: 82px; border: 0px; margin-top:3px; float: left; } #format_feature_product_retail_addButton a img { background-image: url(../../images/homepage_buttons/btn_add2cart.jpg); background-repeat: no-repeat; } #format_feature_product_retail_addButton a:hover img { background-image: url(../../images/homepage_buttons/btn_add2cart.jpg); background-repeat: no-repeat; background-position: 0 -17px; } /**************************** TOP LEVEL CATEGORIES *****************************/ #area2221 { width: 152px; margin:5px; } .search_category ul { list-style-type: none !important; margin:0px; padding: 0px; line-height: 0; } .search_category { margin-left: 0px !important; } .format_category_listing_top_level {} .format_category_listing_top_level a { color: #FFFFFF; padding-left: 12px; font-size: 9px; } .search_category li { line-height: 0; list-style-type: none !important; } /******************************** CATEGORY CRUMBS ********************************/ .search_category_crumbs { float: right; text-transform: uppercase; margin-bottom: 0px; } .search_category_crumbs a { color: #E5E5E5; font: 12px/14px Arial, Helvetica, sans-serif !important; font-size-adjust: none; font-style: normal; font-variant: normal; text-decoration: none; } .search_category_crumbs a:hover { text-decoration: underline; } .top_section .right_section table { padding: 0px; margin:0px; border-spacing: 0px; } .top_section .right_section table td { padding: 0px; margin:0px; border:0px; border-spacing: 0px; } /********************************* CATEGORY HEADER *********************************/ #area2224 {} /****************************** PAGE CATEGORIES ******************************/ #format_category_listing_detail_name a { color:#2A5CAA; font-size:14px; font-style:normal; font-weight:bold; text-decoration:underline; float: left; } #format_category_listing_wimage_image { border: #79889B solid 1px; height: 165px; width: 230px; text-align: center; vertical-align: middle; } /******************************** NEWS LISTING ********************************/ /* The entire News Listing */ #area2226 {} /*Individual News Items in the List*/ #area2226 table { margin-left: 6px; margin-right: 6px; } #format_news_listing_heading { float: left; margin-top: 20px; font-size: 11px; font-weight: bold; color: #13476E; } #format_news_listing_date { float: left; width: 100%; margin-top: -43px; font-size: 10px; color: #1D73B1; font-weight: normal; margin-bottom: 5px; border-bottom: #BED2F1 solid 1px; } #format_news_listing_body_short { font-size: 11px; font-weight: normal; color: #1D73B1; } #format_news_listing_more { color: #980203 } /******************************** NEWS LISTING HOMEPAGE ********************************/ /* The entire News Listing */ #area2243 {} /*Individual News Items in the List*/ #area2243 table {} #format_news_listing_homepage_heading { font-size: 14px; font-weight: bold; color: #13476E; } #format_news_listing_homepage_date { width: 100%; font-size: 10px; color: #1D73B1; font-weight: normal; border-bottom: #BED2F1 solid 1px; } #format_news_listing_homepage_body_short { font-size: 11px; font-weight: normal; color: #1D73B1; } #format_news_listing_homepage_more { color: #980203 } /************************************ DETAILED NEWS *************************************/ #area2220 { padding: 0; margin: 0; } #format_news_detail_date { font-size: 10px; font-weight: normal; color: #18507e; margin-bottom: 5px; } #format_news_detail_heading { font-size: 16px; font-weight: 700; color: #18507e; margin-bottom: 5px; } #format_news_detail_body { font-size: 12px; font-weight: normal; color: #18507e; } /***************************************** SHOPPING CART *****************************************/ #area2246 { background: transparent url(../../images/homepage/cart.jpg) no-repeat; width: 180px; height: 40px; margin: 0px; } #format_shopping_cart_basic_price { float: left; padding-left: 75px; font-weight: bold; color: #000; font-size: 12px; } #format_shopping_cart_basic_checkoutButton { float: left; margin-left:75px; background: transparent url(../../images/homepage_buttons/btn_checkout.gif) no-repeat; background-position: 0 0; height: 19px; width: 100px; } #format_shopping_cart_basic_checkoutButton a:hover { background: transparent url(../../images/homepage_buttons/btn_checkout.gif) no-repeat; background-position: 0 19px; height: 19px; width: 100px; } #format_shopping_cart_basic_checkoutButton a img { height: 19px; width: 100px; } /************************************************** BASKET PAGE **************************************************/ #area2394 { color:#4D4D4D; float:left; width:710px; } .get_basket_view_product { width:99%; padding-right: 5px; border: 1px solid #DCDCDC; border-radius: 4px; } /* .get_basket_view_product td{ border-bottom: 1px solid #DDDDDD; padding: 10px 0px 10px 0px !important; } */ .get_basket_view_product .format_basket_header_heading { padding: 0px !important; border: 0 none !important; } .get_basket_view_product input { border: 1px solid #C1C1C1; width:45px; } .format_basket_header_heading td { color:#4D4D4D; font-size:22px; font-weight:normal; line-height:22px; } .format_basket_header { width: 90%; border-bottom: #FFFFFF solid 2px; color: #2A5CAA; font-weight: normal; } .format_basket_header td { border-bottom: #c7d2e7 solid 2px; padding-bottom: 5px !important; border-top: 0px; border-collapse: collapse; border-width:0px; color:#276DAF; font-weight: 600; padding: 1px 0px 2px 0px; } .format_basket_items { width: 90%; border-bottom: #CCCCCC solid 1px; } .format_basket_items a { text-decoration: underline; color: #2A5CAA; } } .format_basket_items a:hover { text-decoration: none; } .format_basket_items tr td input { width: 30px; text-align: center; } .get_basket_view_product .format_basket_product_total { text-align: right; padding-right: 5px !important; } .get_basket_view_product .format_basket_product_remove_hd { padding-left: 20px !important; } .format_basket_footer td { padding:0px 0px 3px 0px; } .format_basket_subtotal_text { font-weight: bold; } #format_basket_removebtn { background:url("../../images/homepage_buttons/btn_delete.gif") no-repeat scroll center top transparent; height:21px; width:46px; } #format_basket_removebtn:hover { background: transparent url(../../images/homepage_buttons/btn_delete.gif) no-repeat scroll center top transparent; height:21px; width:46px; } #format_basket_removebtn a img { height: 17px; width: 21px; } #format_basket_checkout_link { background: transparent url(../../images/homepage_buttons/btn_checkout.gif) no-repeat; height: 19px; width: 100px; float: left; margin-top: 5px; } #format_basket_checkout_button { font-family: Arial; color: #FFF; font-size: 12px; background: #5CB85C none repeat scroll 0% 0%; padding: 3px 7px; text-decoration: none; border-radius: 2px; border-width: 0px; cursor: pointer; margin-left: -14px; } #format_basket_checkout_button:hover { background: #449D44; text-decoration: none; cursor: pointer; } .format_basket_delete_button { font-family: Arial; color: #FFF; font-size: 12px; background: #D9534F none repeat scroll 0% 0%; padding: 3px 7px; text-decoration: none; border-radius: 2px; border-width: 0px; cursor: pointer; } .format_basket_delete_button:hover { background: #C9302C; text-decoration: none; } /*#format_basket_checkout_link a:hover{ background: transparent url(../../images/homepage_buttons/btn_checkout.gif) no-repeat bottom; height: 19px; width: 100px; }*/ #format_basket_checkout_link a img { height: 19px; width: 100px; } #format_basket_continue2shop_link { background: transparent url(../../images/homepage_buttons/btn_cont2shop.gif) no-repeat; height: 19px; width: 140px; float: left; margin-top: 5px; margin-right: 10px; } /*#format_basket_continue2shop_link a:hover{ background: transparent url(../../images/homepage_buttons/btn_cont2shop.gif) no-repeat bottom; height: 19px; width: 140px; }*/ #format_basket_continue2shop_link a img { height: 19px; width: 140px; } ..get_basket_view_product{ border:0px;} /**************************************************************** DASHBOARD *****************************************************************/ .dashboard_table_all { width: 102%; } .dashboard_table { float:left; padding-right: 5px; width: 49%; border-right:1px solid #E6E6E6; margin-bottom:15px; } .dashboard_news_letter_table { float:left; height: 86px; } .dashboard_news_letter_table > tbody > tr > td { vertical-align: top; } input[type="text"]:disabled { background: #FFFFFF; color: black; font-size: 12px; } #addressSelect { width:317px; } .dashboard_address_book_description { display:inline-block; width:96px; } .dashboard_save { font-family: Arial; color: #FFF; font-size: 12px; background: #5CB85C none repeat scroll 0% 0%; padding: 3px 7px; text-decoration: none; border-radius: 2px; border-width: 0px; cursor: pointer; margin-left: -14px; } .dashboard_save:hover { background: #449D44; text-decoration: none; cursor: pointer; } .dashboard_delete { font-family: Arial; color: #FFF; font-size: 12px; background: #D9534F none repeat scroll 0% 0%; padding: 3px 7px; text-decoration: none; border-radius: 2px; border-width: 0px; cursor: pointer; } .dashboard_delete:hover { background: #C9302C; text-decoration: none; } .dashboard_billing_address_div { margin-left:10px; } .dashboard_newsletters_title { font-size:14px; } .dashboard_news_letter_list { margin-top: -3px; } .dashboard_intro { margin-left: 8px; } .dashboard_newsletter_div { margin-left: 10px; } #useremarketingcategories4604 li { list-style-type: none; } .dashboard_seperator_line { border-right: 3px solid rgb(0, 0, 0); width: 8px; display: inline-block; height: 13px; margin-right: 4px; margin-bottom: -1px; } #invoice_record_list th { border-bottom: 1px solid black; font-size:14px; font-weight: normal; padding: 0px 0px 1px; } #invoice_record_list td { font-size:12px; } #invoice-page { margin-left:15px; } .format_order_history_list { margin-left:15px; } .myorder_status { margin: 0px 0px 0px 15px; } #my_orders_first_table { border-spacing:0px; } .dashboard_add_to_cart_button { font-family: Arial; color: #FFF; font-size: 12px; background: #5CB85C none repeat scroll 0% 0%; padding: 3px 7px; text-decoration: none; border-radius: 2px; border-width: 0px; cursor: pointer; margin: 4px 0px 4px 0px; } .dashboard_add_to_cart_button:hover { background: #449D44; text-decoration: none; cursor: pointer; } #invoice_record_list { width:100%; border-spacing:0px; margin-bottom: 20px; } #invoice_record_list td { text-align:center; } #dashboard_unsubscribe { cursor:pointer; color: #2A5CAA; text-decoration: underline; } input[type=checkbox] { vertical-align: middle; position: relative; bottom: 1px; } .Account_Details_Intro { // margin-left:13px; color:black; } .dashboard_balance_info_table{ width: 49%; //display:block; float: left; //margin-top:70px; } #account-summary-dashboard{ text-align: left; width: 100%; height: 200px; overflow-y: auto; } #account-summary-dashboard >table td,th{ border-bottom:1px solid #E6E6E6; font-weight:100; padding-bottom: 2px; word-break: break-all; } #account-summary-dashboard >table th { width: 44%; padding-right: 10px; vertical-align: top; } #account-summary-dashboard >table{ border-bottom:1px solid #E6E6E6; width: 98%; } .table.invoice_intro_table td{ border-top:0px none; } .invoice_info_div{ box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.15); border:1px solid #DDD; padding:0px 5px 0px 5px; } #invoice_page{ margin-bottom:40px !important; } page[size="A4"] { background: white; width: 21cm; height: 29.7cm; display: block; margin: 0 ; margin-bottom: 2.0cm; box-shadow: 0 0 0.5cm rgba(0,0,0,0.5); } @media print { body, page[size="A4"] { margin: 0; box-shadow: 0; } } @page { size: auto; margin: 0mm; } .item_code { awidth: 120px; } .invoice_info_div > div{ } .table.invoice_table tbody { //height: 16.3cm;} .table.invoice_table th { text-align: center; } .invoice_info_div{ height: 29.7cm; //position:relative; padding-left: 15px; padding-right: 15px; } .invoice_bottom_table{ margin-bottom:0px; //position:absolute; bottom:0; left:0; } /* #invoice_record_table td:nth-of-type(4) ,#invoice_record_table td:nth-of-type(5) { text-align:right; padding-left:4px; padding-right:4px; }//unitprice,total */ #invoice_record_table{ margin-top: -40px; } .invoice_intro_table td{ padding-left:0px !important; padding-right:0px !important; } .print_button{ margin-bottom:5px; padding:2px 7px; } .print_button:focus,.print_button:active{ background-color:none; outline:none; } #invoice-page{ color:black; } .modal-dialog{ color:black; } #invoice-details-page{ overflow: auto; height: 500px; } #invoice_record_list_modal{ width: 100%; border-spacing: 0px; } #invoice_record_table td:nth-of-type(1){ text-align:center; }//Quantity #invoice_record_list_modal th,#invoice_record_list_modal td{ text-align:center; } #invoice_record_list_modal td{ line-height:1.2; } .invoice_total_modal,.invoice_balance_modal{ text-align:right !important; } #account_invoice_modal > div{ width:800px; } .invoice_empty[title='0.00'],.invoice_empty[title='']{ display:none; } .intro-order-table{ width:100%; } .intro-order,.intro-order-number{ font-size:18px; font-weight:bold; } .intro-order-number{ color:red; } .intro-order-data{ text-align:right; } .intro-order-table-left-column{ //font-weight:bold; } .invoice-left-table-number{ color:red; } .alectro-info{ padding-left: 6px !important; padding-right: 0px !important; } .alectro-image{ padding-left: 0px !important; padding-right: 0px !important; width: 1px; text-align: left !important; } .alectro-image > img{ margin-right:10px; //margin-left:-7px; } .shipping_address_td{ padding-left:6px!important; } .shipping_address_2{ width: 180px; } .invoice_quantity_itemcode_header{ padding-left:4px !important; padding-right:4px !important; padding-bottom: 16px !important; } .price_header{ padding-left:0px !important; padding-right:0px !important; } .billing_address_td{ padding-top:0px !important; padding-bottom:0px !important; } .invoice_bottom_table_subtotal{ text-align:right; } .invoice_bottom_table td{ padding-right:0px!important; } .invoice_bottom_table_right td{ padding-right:4px !important; } .invoice_bottom_table_subtotal{ width: 58px; } /*********************************************** BLOGS ************************************************/ .attribution { margin: 0 0 1em; } .comment { overflow: hidden; padding: 0 0 2px; border-bottom: 1px solid #ddd; margin: 10px 0px; } .comment-img { float: left; border-radius: 5px; overflow: hidden; } .comment-img img { display: block; } .comment-body { overflow: hidden; } .comment .text { padding: 5px 5px 5px 10px; border-radius: 5px; background: #fff; word-wrap: break-word; margin-left:10px; } .comment .text p:last-child { margin: 0; } .comment .attribution { margin: 0.5em 0 0; font-size: 9px; color: #666; text-align: right; } /* Decoration */ .comments, .comment { position: relative; } .comments:before, .comment:before, .comment .text:before { content: ""; position: absolute; top: 0; left: 65px; } /* .comments:before { width: 3px; top: 10px; bottom: 44px !important; background: rgba(0,0,0,0.1); } */ .comments:after { position: absolute; width: 3px; top: 10px; bottom: 44px !important; background: rgba(0,0,0,0.1); } /* .comment:before { width: 9px; height: 9px; border: 3px solid #fff; border-radius: 100px; margin: 9px 0 0 -6px; box-shadow: 0 1px 1px rgba(0,0,0,0.2), inset 0 1px 1px rgba(0,0,0,0.1); background: #ccc; } .comment:hover:before { background: orange; } .comment .text:before { top: 11px; left: 78px; width: 9px; height: 9px; border-width: 0 0 1px 1px; border-style: solid; border-color: #e5e5e5; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } */ .add_comment_div{ margin-top:10px; } .comment_section_div{ padding: 11px; border: medium none rgb(245, 245, 245); border-radius: 5px; background-color: rgb(245, 245, 245); } .textarea_td > textarea{ resize: vertical; display: block; width: 90%; height: 68px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .guest_input_field > input{ padding: 3px 9px; font-size: 12px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .textarea_td > textarea:focus ,.guest_input_field > input:focus{ border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); } #news_comment_submit_button{ margin-right: 14px; float: right; } #news_comment_submit_button[disabled]{ cursor:no-drop; background:#90C990; } .valid_email{ border-color: #a94442 !important; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483 !important; } .valid_email_correct{ border-color: #40c043 !important; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168 !important; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(51, 206, 53, 0.74) !important; } .add_comment_table{ border: 1px solid rgb(221, 221, 221); padding: 5px 0px; background-color: rgb(250, 250, 250); border-radius: 5px; color: black; } .comment_text{ text-align:center; } .add_comment_table .middle_center{ text-align:center; vertical-align:middle; } .table.add_comment_table td{ border:0px none; } #return-to-top { position: fixed; bottom: 20px; right: 20px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); width: 50px; height: 50px; display: block; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #return-to-top i { color: #fff; margin: 0; position: relative; left: 16px; top: 13px; font-size: 19px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #return-to-top:hover { background: rgba(0, 0, 0, 0.9); } #return-to-top:hover i { color: #fff; top: 5px; } #comment_tab,#add_comment_tab{ cursor:pointer; } .comment_text{ width:16%; } .news_detail_heading{ color: #276DAF; padding-bottom: 10px; padding-top: 8px; font-size:20px; } /* .news_detail_img_div p { text-align: justify; } */ #comments_count:focus{ background-color:white; } #comments_count:hover{ border-color:white; background-color:white; } #get_value_comment_count{ display:none; } .thumbnail_table{ width:100%; } .thumbnail_td > div{ margin-bottom:12px; min-height: 280px;; } .news_blog_detail_local_content_li{ width: 72%; float: left; } .news_blog_right_section_li{ float: right; width:188px } .news_detail_ul li{ list-style-type: none !important; } .news_detail_img_div li { list-style-type: disc !important; margin-left: 10px; } .share_icons_list{ width:165px; text-align: left; } ul.share_icons_list li { float: left; } .share_icons_list > li{ list-style-type:none !important; display: -moz-box; vertical-align: middle; margin:0px 3px 0px 0px !important; } .share_icons_list img{ height:20px; max-height:20px; width:auto; } .news_item_detail_crumb{ //margin-top:16px; } .bottom_share_icons_table{ margin-top:8px; } .caption p{ //padding-bottom:12px !important; } .thumbnail_cat_block img{ //max-height: 130px !important; //padding-bottom:8px; max-width: 100%; max-height: 130px; min-height: 130px; } .thumbnail_cat_block{ margin-top: 0px; padding-top: 6px; //width: 223px; width:100%; min-height: 306px; margin-bottom:8px; position:relative; } .thumbnail_caption{ max-width: 200px; font-size: 12px; padding-top: 0px; padding-left: 12px; padding-right: 12px; min-height: 188px; } .thumbnail_caption_display p{ display:table; /*text-align:justify;*/ } .thumbnail_h3{ font-size: 17px; padding-bottom: 0px; padding-top:0px; } /* .caption.thumbnail_caption.thumbnail_caption_group p { text-align: justify; } */ .thumbnail_caption_display p{ display:table; } .column-mid-4{ width: 30.2% !important; float:left; position: relative; min-height: 1px; //padding-right: 15px; padding-left: 15px; } .pagination_news_header{ margin-top: 0px; margin-bottom: 3px; } .news_pagination_header_div{ padding-top:3px; border-top:1px solid #DDD; width:100%; } .news_pagination_footer_div{ width:100%; border-bottom:1px solid #DDD; } .news_group_row{ margin-top:31px; } .format_search_prev_news > a{ background-image: url("data:image/svg+xml;utf8,Prev"); background-repeat: no-repeat; height: 18px; float: left; width: 23px; background-repeat: no-repeat; padding: 2px 26px; padding-right:14px; border: 1px solid #D9D9D9; color: #666666; text-decoration: none; } /* .news_item_list_ul li{ float:left; width:31%; display:inline; } .news_item_list_ul li:nth-of-type(2n+4),.news_item_list_ul li:nth-of-type(1){ float:left; width:31%; display:inline; padding-left:15px; } */ .comment_para{ margin-bottom:5px; } .comment_para img{ text-align: center; float: right; max-width: 45%; } .news_detail_img_div img{ max-width: 45%; } .right_section_head_list p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .add_cursor { cursor:pointer; } .batch_button{ padding:3px 7px; text-decoration:none !important; } .news_list_batch{ padding:2px 7px; } .news_list_bottom_table{ width:100%; } .news_list_bottom_table td{ text-align:center; width: 50%; } .news_list_bottom_table td:nth-of-type(1){ border-right:1px solid white; } .news_views_div{ text-align:center; background-color: #036eb9; color:white; position:absolute; bottom:15px; left:5px; right:5px; } .status_count{ font-size: 16px; font-weight: bold; } .thumbnail_caption_group{ min-height:200px; } .thumbnail_cat_block{ min-height:262px; } .thumbnail_cat_block > p { text-align:center; } .right_block{ width: 189px; float:right; padding-bottom:15px; } .right_block .box_right{ width: 189px; padding-bottom: 15px; } .right_block .box_right .top_curve_top{ width: 177px; height: 17px; background: transparent url(../../images/homepage/top_curve_head.gif) no-repeat scroll 0 0; padding-left: 12px; font-weight: bold; padding-top: 5px; color: white; } .right_block .box_right .bottom_curve{ float: left; width: 189px; background: url(../../images/homepage/bg_bottom_left.gif) no-repeat bottom right #FF0000; height: 8px; font-size: 2px; } .right_block .box_right .middle_area{ float:right; width: 189px; background: url(../../images/homepage/bg_middle_left.gif) repeat-y 0 0; padding: 0 0; } .naviation_bar p{ padding-right:8px; } .thumbnail_cat_block_group{ margin-top: 0px; padding-top: 6px; //width: 223px; width:100%; min-height: 306px; margin-bottom:8px; position:relative; } .news_detail_img_div img{ float:right; max-width:220px; } .thumbnail_image{ height:141px !important; } .news_detail_heading p{ color:#276DAF; line-height: 1.1; } .list_right_h2 p{ color:black; float: left; font-weight: normal; font-size:12px; line-height: 17px; text-decoration: none; text-transform: none; //width: 179px; } .list_right_h2 p:hover{ color:white; } .naviation_barselected_category > .news_item_details_link > .list_right_h2 p{ color:white; } .thumbnail_h3 a{ font-weight:normal; } .link_image{ text-align:center; } /*************************************************************** REDEEM SHOPPING CART *****************************************************************/ .dropdown-large { position: static !important; } .dropdown-menu-large { margin-left: 16px; margin-right: 16px; padding: 20px 0px; } .dropdown-menu-large > li > ul { padding: 0; margin: 0; } .dropdown-menu-large > li > ul > li { list-style: none; } .dropdown-menu-large > li > ul > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333333; white-space: normal; } .dropdown-menu-large > li ul > li > a:hover, .dropdown-menu-large > li ul > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } .dropdown-menu-large .disabled > a, .dropdown-menu-large .disabled > a:hover, .dropdown-menu-large .disabled > a:focus { color: #999999; } .dropdown-menu-large .disabled > a:hover, .dropdown-menu-large .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .dropdown-menu-large .dropdown-header { color: #428bca; font-size: 18px; } @media (max-width: 768px) { .dropdown-menu-large { margin-left: 0 ; margin-right: 0 ; } .dropdown-menu-large > li { margin-bottom: 30px; } .dropdown-menu-large > li:last-child { margin-bottom: 0; } .dropdown-menu-large .dropdown-header { padding: 3px 15px !important; } } .dropdown-menu-redeem-table{ position:absolute; z-index: 1000; display: none; float: left; width: 500px; padding: 5px 0; margin: -20px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } #redeem_dropdown{ display:none; } /* .dropdown-menu-quick-add-table{ position:absolute; z-index: 1000; display: none; float: left; width: 500px; padding: 5px 0; margin: 1px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); left:-16px; } .dropdown-menu-redeem-table input,.dropdown-menu-quick-add-table input{ padding: 3px 9px; font-size: 12px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .dropdown-menu-redeem-table input:focus,.dropdown-menu-quick-add-table input:focus{ border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); } */ .product_search_dropdown_table input,.product_search_dropdown_table textarea,#voucher-code-modal input,#promotion-code-modal input,#deals-products-modal input{ padding: 3px 9px; font-size: 12px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .quick_add_input input{ width:250px !important; } .quick_add_input input::-webkit-input-placeholder::before{ color:#666; content:"Quantity"; } .nav-bar-quick-add{ margin:3px 0px 3px 0px; padding-left:0px; padding-right:4px; } .navbar-container{ padding-right:0px; } .offer-menu{ padding-top:6px !important; padding-bottom:3px !important; } .quick-add-button{ //width: 35px; padding: 3px 7px; } .quick-add-table-td{ padding-right:11px; } .quick-add-table-td-text-area textarea{ height:20px; resize: none; width: 98.2%; padding-top:5px; } .product_item_short_desc,.product_item_short_desc >div{ font-size: 12px; font-weight: 600; } .download_excel_button{ color:white !important; } .download_excel_button:hover{ text-decoration:none !important; } .quick_add_input_list_name_input input{ height:20px; } .nav-bar-list-select{ margin: 5px 0px 3px 0px; padding-left: 0px; } .nav-bar-shopping-cart { min-height:0px; background-color:#F2F2F2; border:1px solid #DDD; margin-bottom:4px; width:98.7%; } .product_search_dropdown_table input:focus,.product_search_dropdown_table textarea:focus,#voucher-code-modal input:focus,#promotion-code-modal input:focus,#deals-products-modal input:focus{ border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); } .surcharge_row_table td{ vertical-align:middle; } .surcharge_row_table td:nth-of-type(1){ width:40%; } .surcharge_row_table td:nth-of-type(2){ width:23%; text-align: right; padding-right: 20px; } .surcharge_row_table td:nth-of-type(3){ width:16%; } #surcharge-delivery-td,.cart_option_text{ text-align: center; color:black; } .total_surcharge input{ width:92px; font-size:14px; } .cart_price_color{ color:#2A5CBB; } .subtotal_table td:nth-of-type(1){ width:61.5%; text-align: right; padding-right: 20px; } .subtotal_table td:nth-of-type(2){ width:16%; text-align: center; } .cart_price_toggle_link{ color: #dc1928; } #surcharge-delivery-button-td{ width: 26%; } #surcharge-country{ display: block; float: right; } .cart_bottom_text{ font-size: 14px; } .total_surcharge input,.total_surcharge{ text-align: center; } .cart_right_total{ width: 115px; font-size:14px; text-align: center; } .cart_exc_price{ display:none; } .surcharge_row_table,.subtotal_table { width:99%; } #surcharge_cal_table{ width:99%; } #surcharge_cal_table td:nth-of-type(1){ width:24%; } .surcharge_row_table td:nth-of-type(1){ width: 24%; } #surcharge-country-td{ width: 39% !important; } #surcharge-post input{ width: 70px; height: 21px; text-align: center; } .select2-results,.select2-search__field{ color:black; } .table_deals td{ padding-right:5px; } .bottom_check_out_div{ margin: 0px 8px 10px 0px; display: block; text-align: right; padding-top: 5px; } .table_deals { width: 63%; max-width: 63%; float:right; } .modal-footer-edited{ padding-right:0px; } .delete_product_cart_button{ width: 100px; margin-top: 3px; padding: 3px 7px; } .get_basket_view_product img{ max-height:90px; } .redeem_image_td{ width:20%; text-align: center; } .redeem_modal_table img{ max-width: 140px; max-height: 145px; text-align: center; } .redeem_modal_table imput{ text-align: center; } .Related_Product_Table img{ max-width:100px ; } .tooltip-wrapper { display: inline-block; /* display: block works as well */ /* make some space so the tooltip is visible */ } .tooltip-wrapper .btn[disabled] { /* don't let button block mouse events from reaching wrapper */ pointer-events: none; } .tooltip-wrapper.disabled { /* OPTIONAL pointer-events setting above blocks cursor setting, so set it here */ cursor: not-allowed; } .table.shopping_basket_list_table td { border: 0px none; padding:4px 8px 4px 8px; vertical-align: middle; } .shopping_basket_list_table{ display:table-row-group; } .shopping_list_well{ padding-top:0px; padding-bottom:0px; display:table; width: 97.5%; /*margin-top:-20px;*/ padding-right:0px; } .view_product_list_button,.open > .dropdown-toggle.view_product_list_button{ background-color: #2A5CAA; border-color: #2A5CAA; border-right-color: #214988; } .view_product_list_button:hover,.view_product_list_button:active:hover,.open > .dropdown-toggle.view_product_list_button:hover,.view_product_list_button:focus,.view_product_list_button:active,.open > .dropdown-toggle.view_product_list_button:focus,.open > .dropdown-toggle.view_product_list_button:active{ background-color:#214988; border-color: #214988; } .list_checkout_button{ margin-right:5px; } .shopping_basket_list_table > tbody{ display: table; width: 100%; } .shopping_basket_list_table input{ width:122px; } .product_deal_applied_row{ color:#d9534f; font-style:italic; } .product_deal_applied_row td:nth-of-type(2){ display:none; } .create_new_list_table td{ //padding-top:0px !important; } .shopping_list_select_name select{ height:20px; } #shopping_list_add_button{ background-color: rgb(240, 173, 78); border-color: rgb(240, 173, 78); } /**************************************************************** DETAILS PAGE *****************************************************************/ #format_order_details { border: 0px; padding: 0px; margin: 0px; } #format_order_details tr td { border: 0px; padding: 5px 5px 5px 0; margin: 0px; } #format_order_details input { border:solid 1px #C1C1C1; vertical-align: middle; } #format_order_details #emailINP { margin-right: 10px; } #format_order_details #emailCHK { margin-right: 5px; vertical-align: middle; } #format_order_details .text { vertical-align: middle; } #format_order_details_heading { color: #276DAF; font-size: 17pt; font-weight: bold; padding-bottom: 20px; border-bottom: 2px solid #C7D2E7 !important; } .format_order_details_subheading { font-weight: bold; text-align: left; vertical-align: top; } .format_order_details_link { font-weight: bold; text-align: right; vertical-align: top; color: black; text-decoration: none; } .payment_type_credit { background-image: url(../../images/icons/credit%20card.jpg); background-repeat: no-repeat; background-position: right top; padding-right: 65px; padding-left: 5px; } .payment_type_directdeposit { padding-left: 5px; } .payment_type_paypal { background-image: url(../../images/icons/paypal.gif); background-repeat: no-repeat; background-position: right top; padding-right: 65px; padding-left: 5px; } .format_order_details_rule { border-bottom: 2px solid #C7D2E7 !important; } .format_order_details_top { padding-top: 15px !important; } .format_order_details_top textarea { border: 1px solid #C1C1C1; font: 12px/14px Arial, Helvetica, sans-serif; padding: 1px; } .format_order_details_top select { float: left; width: 155px; } #format_details_save img { height: 19px; width: 100px; border: 0px; float: left; margin-top: 10px; } #format_details_save a img { background-image: url(../../images/homepage_buttons/btn_save.gif); background-repeat: no-repeat; } #format_details_save a:hover img { background-image: url(../../images/homepage_buttons/btn_save.gif); background-repeat: no-repeat; } #format_details_delete img { height: 20px; width: 93px; border: 0px; float: left; margin-top: 10px; margin-right: 20px; } #format_details_delete a img { background-image: url(../../images/homepage_buttons/btn_delete.gif); background-repeat: no-repeat; } #format_details_delete a:hover img { background-image: url(../../images/homepage_buttons/btn_delete.gif); background-repeat: no-repeat; } #format_order_details_nextbtn img { height: 23px; width: 100px; border: 0px; margin-top: 10px; } #format_order_details_nextbtn a img { background-image: url(../../images/homepage_buttons/btn_next.gif); background-repeat: no-repeat; } #format_order_details_nextbtn a:hover img { background-image: url(../../images/homepage_buttons/btn_next.gif); background-repeat: no-repeat; /*background-position: 0 -20px ;*/ } /*********************************************** ONLINE ORDERS PAGE ***********************************************/ #invoice_record_list td { padding: 6px 0px 4px 0px; border-bottom: 2px solid #E6E6E6; } /*********************************************** PURCHASE ORDER PAGE ***********************************************/ #area2254 { margin-right: 10px; } #area2254 table { width: 100%; } /* Logo*/ #area2254 table tr td img { margin-bottom: 10px; } /*Purchase Order Heading*/ .format_purchase_order_heading { font-size: 18px; color: #A62617; font-weight: bold; text-align: right; } /*Company Info*/ #format_purchase_order_company { margin-bottom: 10px; } .format_purchase_order_company_info { font-size: 12px; } /*Details*/ #format_purchase_order_details { border-left:1px solid black; border-top:1px solid black; margin: 0px; float:right; width: 190px; } .format_purchase_order_details_po_heading { background: #2f6cb8; font-weight: bold; color: white; } .format_purchase_order_details_po { font-weight: bold; } .format_purchase_order_details_payment_method_heading { background: #F0F3B2; font-weight: normal; } .format_purchase_order_details_payment_method { font-weight: bold; } .format_purchase_order_details_payment_receipt_heading { background: #F0F3B2; font-weight: normal; } .format_purchase_order_details_payment_receipt { font-weight: bold; } .format_purchase_order_details_order_heading { background: #5BA7CE; color: white; } .format_purchase_order_details_order { background: #CCEDFE; font-weight: bold; } /*Delviery Info*/ #format_purchase_order_delivery { margin-bottom: 10px; } .format_purchase_order_delivery_heading { font-weight: bold; } .format_purchase_order_delivery_contact {} .format_purchase_order_delivery_street {} .format_purchase_order_delivery_suburb {} .format_purchase_order_delivery_state {} /*Products Table*/ #format_purchase_order_products {} #format_purchase_order_products table { border: black 1px solid; width: 100%; } #format_purchase_order_products table tr th { background: #2F6CB8; padding: 4px; color: white; border-bottom: black 1px solid; text-align: left; } #format_purchase_order_products table tr td { padding: 4px; } .format_purchase_order_products_quantity { text-align: left; } .format_purchase_order_products_unit_price { text-align: right; } .format_purchase_order_products_price { text-align: right; width: 85px; } /*Instructions Area*/ #format_purchase_order_instructions { float: left; width: 100%; vertical-align: top; } .format_purchase_order_instructions_heading { font-weight: bold; } .format_purchase_order_instructions_text {} .format_purchase_order_freight_heading { text-transform: uppercase; text-align: right; } .format_purchase_order_freight { border-left: black 1px solid; border-bottom: black solid 1px; text-align: right; } .format_purchase_order_subtotal_heading { text-transform: uppercase; text-align: right; } .format_purchase_order_subtotal { border-left: #636365 solid 1px; text-align: right; } .format_purchase_order_gst_heading { text-transform: uppercase; text-align: right; } .format_purchase_order_gst { border-left: black solid 1px; border-bottom: black solid 1px; text-align: right; } #format_advsearch_form_option { display:none; color:red; background:red; } #format_advsearch_form_option select#srch_prof2390 { display:none; color:red; background:red; } .format_purchase_order_total { border-left: black solid 1px; border-bottom: black solid 1px; background: #DDDDDD; text-align: right; font-weight: bold; } #middle_area select { display:none; color:red; background:red; } /*Terms*/ #format_purchase_order_terms { margin-top: 10px; } #format_purchase_order_terms input { margin-right: 5px; vertical-align: middle; } #format_purchase_order_terms font { vertical-align: middle; } /*Buttons*/ #format_purchase_order_back img { height: 23px; width: 100px; border: 0px; float: left; margin-top: 10px; } #format_purchase_order_back a img { background-image: url(../../images/homepage_buttons/btn_back.gif); background-repeat: no-repeat; } #format_purchase_order_back a:hover img { background-image: url(../../images/homepage_buttons/btn_back.gif); background-repeat: no-repeat; /*background-position: 0 -20px ;*/ } #format_purchase_order_submit img { height: 20px; width: 121px; border: 0px; float: right; margin-top: 10px; } #format_purchase_order_submit a img { background-image: url(../../images/homepage_buttons/btn_submit.gif); background-repeat: no-repeat; } #format_purchase_order_submit a:hover img { background-image: url(../../images/homepage_buttons/btn_submit.gif); background-repeat: no-repeat; /*background-position: 0 -20px ;*/ } #format_purchase_order_products_hd_unit { text-align: right !important; } #format_purchase_order_products_hd_price { text-align: right !important; } .format_purchase_order_products_hd_desc { width: 40%; } /***************************************************** CREDIT CARD DETAILS ******************************************************/ #format_credit_card_details_heading { font-size: 14px; color: #A62617; font-weight: bold; } #format_credit_card_details_subheading { font-weight: bold; } .format_credit_card_details_table td { padding-left: 0px !important; } .format_credit_card_details_input input { border: 1px solid #C1C1C1; } .format_credit_card_details_images { vertical-align: top; } .format_credit_card_details_pay { text-align: right; } .format_credit_card_details_error { color: red; font-weight: bold; } .format_credit_card_details_pay input { border: 1px solid #FFFFFF; color: white; padding-top: 1px; padding-bottom: 1px; padding-left: 3px; padding-right: 3px; font-size: 12px; font-weight: bold; width: 60px; background: #72C142; filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0, StartColorStr='#80B8D5', EndColorStr='#144F79'); } /************************************************** SUCCESS MESSAGE **************************************************/ #format_success_thanks { font-size: 13px; margin-bottom: 18px; font-weight: bold; } #format_success_message { margin-bottom: 5px; font-size: 14px; font-weight: bold; padding-left: 30px; background-image: url(../../images/icons/green%20tick.png); background-repeat: no-repeat; height: 40px; color: #3CB54B; } #format_success_icon { display: inline; } .format_success_subheading { /*font-weight: bold;*/ } #format_success_order_num { margin-bottom: 5px; } #format_success_cc { margin-bottom: 10px; } #format_success_dd { margin-top: 20px; } #format_success_dd_title {} #format_success_dd_acc_name { /*margin-left: 10px;*/ margin-top: 3px; } #format_success_dd_bsb { /*margin-left: 10px;*/ margin-top: 0px; } #format_success_dd_acc_num { /*margin-left: 10px;*/ margin-top: 0px; } #format_success_dd_ref_num { /*margin-left: 10px;*/ margin-top: 0px; margin-bottom: 20px; } #format_success_print_button img { height: 30px; width: 32px; border: 0px; margin-top: 10px; } #format_success_print_button a img { background-image: url(../../images/homepage_buttons/print.gif); background-repeat: no-repeat; } #format_success_print_button a:hover img { background-image: url(../../images/homepage_buttons/print.gif); background-repeat: no-repeat; /*background-position: 0 -20px ;*/ } #format_success_order_history { margin-top: 20px; margin-bottom: 20px; } #format_success_order_history a { text-decoration: underline; color: #2e5eaa; } #format_success_order_history a:hover { font-weight: bold; } #format_success_home_button img { height: 20px; width: 139px; border: 0px; margin-top: 10px; } #format_success_home_button a img { background-image: url(../../images/homepage_buttons/btn_returnhome.gif); background-repeat: no-repeat; } #format_success_home_button a:hover img { background-image: url(../../images/homepage_buttons/btn_returnhome.gif); background-repeat: no-repeat; } /*************************************************** FACILITIES MENU **************************************************/ #area94 { margin-left: 3px; } #format_facility_menu { list-style: none; margin-left: 0; text-align: left; } #format_facility_menu .my_details a { background-image: url(../../images/homepage_buttons/btn_my_details.gif); background-repeat: no-repeat; float: left; height: 21px; width: 100px; font-size: 0; padding-right: 20px; } #format_facility_menu .my_details a:hover { font-size: 0; } #format_facility_menu .my_orders a { background-image: url(../../images/homepage_buttons/btn_my_orders.gif); background-repeat: no-repeat; float: left; height: 21px; width: 100px; font-size: 0; padding-right: 20px; } #format_facility_menu .my_invoice a { background-image: url(../../images/homepage_buttons/btn_my_invoices.gif); background-repeat: no-repeat; float: left; height: 21px; width: 100px; font-size: 0; padding-right: 20px; } #format_facility_menu .my_orders a:hover { font-size: 0; } #format_facility_menu .my_invoice a:hover { font-size: 0; } /*#format_facility_menu li:first-child{ display:none; }*/ #format_facility_menu li { display: inline; list-style: none; padding-right: none; margin-right: none; font-weight: bold; font-size:16px; color: #A72A1B !important; } } #format_facility_menu li a { font-weight: bold !important; color: #A72A1B !important; font-size:16px; } #format_facility_menu li a:hover { text-decoration: none; color: #336699; font-weight: bold; font-size:16px; } #format_purchase_order_table { width: 685px; } #format_purchase_order_table td { padding: 0px; } #format_purchase_order_details td { padding: 4px 4px 4px 10px; border-right:1px solid black; border-bottom:1px solid black; } .format_purchase_order_totals_heading { padding-right: 10px !important; width: 140px !important; text-align: right; } .format_purchase_order_total_heading { text-transform: uppercase; font-weight: bold; } /*Subtotals Table*/ #format_purchase_order_subtotals { border-right: #636365 solid 1px; float: right; } #format_purchase_order_subtotals td { width:85px; padding: 4px; } #format_purchase_order_submit { margin-right: 15px; } /********************************************************* FAVOURITES *********************************************************/ #area101 { margin-top: 15px; } #format_favourites_heading { margin-bottom: 15px; font-size: 15px; font-weight: bold; text-transform: capitalize; color: #A72A1B; } /******************************************************* CHANGE DETAILS *******************************************************/ #mydetails_form input { border: 1px solid #BBBBBB; } .format_change_details_save { border: 1px #1D74A3 solid; color: white; margin-left:120px; padding-top: 1px; padding-bottom: 1px; padding-left: 3px; padding-right: 3px; font-size: 10px; font-weight: bold; background: #4D9CC6; filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0, StartColorStr='#80B8D5', EndColorStr='#144F79'); } #mydetails_form { float: left; width: 700px; } #user_info { width:355px; } #mydetails_form p { color: #2A5CAA; } #mydetails_form .left_column { float: left; margin-bottom: 7px; width: 120px; } #mydetails_form .right_column { float: right; margin-bottom: 5px; width: 190px; } #mydetails_form .right_column select { float: left; } #mydetails_form .both_column { color: #2A5CAA; float: left; margin: 20px 0 10px; width: 355px; font-weight:bold; } #mydetails_form .four_column { color: #2A5CAA; float: left; margin: 20px 0 10px; width: 710px; } #mydetails_form input { border: 1px solid #C1C1C1; float: left; width: 180px; } #mydetails_form .right_column font { float: left; height: 15px; margin-left: 5px; } #address_info { clear:both; } #mydetails_form .four_column { color: #2A5CAA; float: left; margin: 20px 0 10px; font-weight:bold; } .address_left { clear:both; float:left; width:350px; } .address_right { float:right; width: 350px; } #mydetails_form .add_new_address { color: #2A5CAA; float: left; width: 355px; margin-bottom:5px; } #mydetails_form #format_details_save img { height: 21px; width: 87px; border: 0px; float: left; margin-top: 10px; margin-left:120px; } #mydetails_form #format_details_save a img { background-image: url(../../images/homepage_buttons/btn_save.gif); background-repeat: no-repeat; float: right; padding-right:7px; } #mydetails_form #format_details_save a:hover img { background-image: url(../../images/homepage_buttons/btn_save.gif); background-repeat: no-repeat; } #mydetails_form #format_details_delete img { height: 21px; width: 87px; border: 0px; float: left; margin-top: 10px; margin-right: 20px; margin-left:120px; } #mydetails_form #format_details_delete a img { background-image: url(../../images/homepage_buttons/btn_delete.gif); background-repeat: no-repeat; float: right; margin-right: 0px !important; } #mydetails_form #format_details_delete a:hover img { background-image: url(../../images/homepage_buttons/btn_delete.gif); background-repeat: no-repeat; } /**************************************************** ORDER HISTORY ****************************************************/ #format_order_history_heading { color: #2C5BAB; font-size: 17pt; font-weight: bold; margin-bottom: 15px; margin-top: 30px; text-transform: capitalize; } /*#format_order_history_list{ padding: 2px; }*/ #format_order_history_list table { width: 100%; } #format_order_history_list th { border-bottom: 1px solid #96ADD9; color: #2C5BAB; font-size: 13px; font-weight: bold; //padding: 0 10px 5px 0; text-align: left; } #format_order_history_list td { font-size: 11px; border-bottom: 2px solid #E6E6E6; padding: 10px 10px 10px 0; } #format_order_history_list a { color: #000000; text-decoration: none; } #format_order_history_list a:hover { text-decoration: underline; } .order_history_import_button { font-size: 0 !important; } .order_history_import_button a { background-image: url(../../images/homepage_buttons/add_to_cart.jpg); background-repeat: no-repeat; float: left; height: 21px; width: 87px; } .order_history_import_button a { background-image: url(../../images/homepage_buttons/add_to_cart.jpg); background-repeat: no-repeat; } .order_history_status_SENT { background-image: url(../../images/icons/green%20tick.png); background-repeat: no-repeat; float: left; height: 16px; width: 16px; } .order_history_status_UNPROCESSED { background-image: url(../../images/icons/Hourglass.png); background-repeat: no-repeat; float: left; height: 16px; width: 16px; } .order_history_status_UNCONFIRMED { background-image: url(http://common03.xsqit.com/images/status/status_UNCONFIRMED.gif); background-repeat: no-repeat; float: left; height: 16px; width: 16px; } .order_history_status_PENDING { background-image: url(http://common03.xsqit.com/images/status/status_pending.gif); background-repeat: no-repeat; float: left; height: 16px; width: 16px; } .order_history_status_DECL { background-image: url(http://common03.xsqit.com/images/status/status_DECL.gif); background-repeat: no-repeat; float: left; height: 16px; width: 16px; } #format_order_history_legend th { padding: 50px 0 5px; } #format_order_history_legend td { font-size: 13px; border: 0; } .order_history_legend_import { background-image: url(../../images/homepage_buttons/add_to_cart.jpg); background-repeat: no-repeat; float: left; height: 21px; width: 87px; padding-right: 10px; } #format_order_history_legend .order_history_status_SENT { background-image: url(../../images/icons/green%20tick.png); background-repeat: no-repeat; float: left; height: 16px; width: 16px; padding-right: 10px; } #format_order_history_legend .order_history_status_PENDING { background-image: url(../../images/icons/Hourglass.png); background-repeat: no-repeat; float: left; height: 16px; width: 16px; padding-right: 10px; } /************************* SITEMAP *************************/ #area2380 { float:left; height:35px; padding-top:12px; width:710px; } #area2362 { float:left; } #area2843 td { padding:5px; } .cms_sitemap_top { text-transform: capitalize; background: url("../../images/homepage/arrow_green.gif") no-repeat scroll 0 2px transparent; padding-left: 15px; } .cms_sitemap_second { margin-top: 10px; text-transform: capitalize; background: url(../../images/homepage/menu_arrow.gif) no-repeat; padding-left: 15px; margin-left: 30px; display: block; } #area2242 { width: 150px; padding: 5px; } /**************************** Login ****************************/ .loginInput { /* width: 150px; height: 14px; border:#BBBBBB solid 1px; margin-left: 4px; margin-bottom: 10px; color:black;*/ display: block; width: 92%; padding: 6px 12px; font-size: 14px; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .loginInput:focus{ border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); } .alectro_login .loginInput { margin-bottom: 0; } .alectro_login_top_detail { text-align: right; padding-bottom: 5px; } .alectro_login_form input { width: 100px; height: 17px; padding:0px; margin: 0px; display:inline; margin-left: 3px; } .alectro_login_button_div { display:inline; position: absolute; padding-left: 3px; } .alectro_login_button { width: 54px; height: 19px; padding-left: 1px; display:inline; border: 0px; } .alectro_login_button img { background: transparent url(../../images/homepage_buttons/btn_login.gif) no-repeat; width: 54px; height: 19px; display:inline; text-align: right; } .alectro_login_button img:hover { background: transparent url(../../images/homepage_buttons/btn_login.gif) no-repeat; width: 54px; height: 19px; display:inline; text-align: right; } .alectro_link_white { color: #FFFFFF; } .alectro_link_white:hover { color: #FFFFFF; } .colorgraph { height: 1px; border-top: 0; border-radius: 5px; background: #DDD;; } .login-username,.login-password{ height:auto; } .login-div,.login-register-div{ float:right; margin-left:10px; } .login-register-div > a{ color:white !important; text-decoration:none !important; } .col-xs-3.col-sm-3.col-md-3.login-register-div > a{ color:white; text-decoration:none; } .login_display_error{ padding: 10px; margin-bottom: 13px; border: 1px solid transparent; border-radius: 4px; color: #a94442; background-color: #f2dede; border-color: #ebccd1; width: 100%; } /***************************** LOGOUT *****************************/ .alectro_logout { text-align: right; } .alectro_logout_button { width: 87px; height: 22px; } .alectro_logout_button img { background: transparent url(../../images/homepage_buttons/btn_logout.gif) no-repeat; width: 87px; height: 22px; } .alectro_logout_button img:hover { background: transparent url(../../images/homepage_buttons/btn_logout.gif) no-repeat; width: 87px; height: 22px; } .alectro_logout_bottom_detail { margin-top: 4px; } #area2363 { color:#4D4D4D; float:left; padding-top:12px; width:710px; } #area2363 h1 { font-family:Arial, Helvetica, sans-serif; font-size:22px; } #area2360 { float:left; margin-top:30px; padding:0; width:529px; } #format_logout_text { color: #000000; font-weight: bold; width: 100px; float:left; } #format_logout_user_text { color: #000000; padding-left: 30px; width: 100px; float:left; } #format_logout_button { float: left; width: 67px; height: 19px; margin-top: -2px; margin-right: 13px; background: transparent url(../../images/homepage_buttons/btn_logout.gif) no-repeat; } #format_logout_button a img { background: transparent url(../../images/homepage_buttons/btn_logout.gif) no-repeat; width: 67px; height: 19px; } #format_logout_button a img:hover { background: transparent url(../..images/homepage_buttons/btn_logout.gif) no-repeat; width: 67px; height: 19px; } #format_myaccount_button { width: 87px; height: 20px; float: left; margin-top: 3px; margin-left: 5px; background: transparent url(../../images_homepage_buttons/ret_myacc.gif) no-repeat top; } #format_myaccount_button a:hover { width: 87px; height: 20px; background: transparent url(../../images_homepage_buttons/ret_myacc.gif) no-repeat bottom; } #format_myaccount_button a img { width: 87px; height: 20px; } /*#format_search_form_button{ height:19px!important; width:49px!important; background: url(../../images/homepage_buttons/btn_go.gif) no-repeat 0 0; }*/ /***************************** FAQ *****************************/ #area2370 { float:left; padding-top:12px; width:710px; } /***************************** CONTACT US *****************************/ #area2352 { float:left; padding-top:12px; width:710px; } /***************************** DEFINITIONS *****************************/ #area2356 { color:#4D4D4D; float:left; padding-top:12px; width:710px; } /***************************** DEFINITIONS *****************************/ #area2354 { color:#4D4D4D; float:left; padding-top:12px; width:710px; } #area2354 ul li { list-style:disc inside none; } #area2354 ol li { list-style:decimal inside none; } /***************************** CATEGORY INFO *****************************/ /*Wallplate*/ #area2450 { color:#4D4D4D; float:left; padding-top:12px; width:710px; } #area2450 h2 { color:#2A5CAA; font: bold 16px Arial, Helvetica, sans-serif; } #area2450 #section1 { float:left; margin-bottom:20px; width:710px; } #area2450 #section2 { float:left; width:710px; } #area2450 #column1 { float:left; width:345px; } #area2450 #column2 { float:right; width:345px; } #area2450 #product { float:left; margin: 15px 7px 0; text-align:center; width:125px; } #area2450 #product img { float:left; margin-bottom:5px; width:125px; } /* defunct area----------------------------------------------------------------------------- */ #area2504 #product { float:left; margin: 15px 7px 0; text-align:center; width:125px; } #area2504 #product_image { float:left; margin-bottom:5px; width:125px; } #area2504 #product_image img { float:left; width:125px; } #area2504 #product_name { float:left; width:125px; } #area2504 #product_name a { float:left; font: 11px Arial, Helvetica, sans-serif; width:125px; } /*-- ----------------------------------------------------------------------------------- --*/ /** wall plates categories area **/ .alectro_category_listing { float:left; margin: 0px 15px 15px 0px; text-align:center; width:125px; min-height: 125px; } .alectro_category_listing #product_image { float:left; margin-bottom:5px; width:125px; } .alectro_category_listing #product_image img { float:left; width:125px; } .alectro_category_listing #product_name { float:left; width:125px; } .alectro_category_listing #product_name a { float:left; font: 11px Arial, Helvetica, sans-serif; width:125px; } /**/ #area2462 { color:#4D4D4D; float:left; padding-top:12px; width:710px; } #area2462 h2 { color:#2A5CAA; font: bold 16px Arial, Helvetica, sans-serif; } #area2419 { color:#4D4D4D; float:left; padding-top:12px; width:710px; } #area2419 h2 { color:#2A5CAA; font: bold 16px Arial, Helvetica, sans-serif; } #area2480 { color:#4D4D4D; float:left; padding-top:12px; width:710px; } #area2480 h2 { color:#2A5CAA; font: bold 16px Arial, Helvetica, sans-serif; } #area2431 { color:#4D4D4D; float:left; padding-top:12px; width:710px; } #area2431 h2 { color:#2A5CAA; font: bold 16px Arial, Helvetica, sans-serif; } #area2444 { color:#4D4D4D; float:left; padding-top:12px; width:710px; } #area2444 h2 { color:#2A5CAA; font: bold 16px Arial, Helvetica, sans-serif; } #area2493 { color:#4D4D4D; float:left; padding-top:12px; width:710px; } #area2493 h2 { color:#2A5CAA; font: bold 16px Arial, Helvetica, sans-serif; } /***************************** PRODUCT SEARCH *****************************/ #area2348 { color:#4D4D4D; float:left; padding-top:12px; width:710px; } #area2348 h2 { color:#2A5CAA; font-weight: bold; } .search_attribute_name_type { display:none; } #left_menu2 .search_attribute_name_value { display: inline; float: left; } #left_menu2 .search_att_list_count { display: inline; float: left; padding-left: 5px; } .search_attribute_name_value_selection { display: inline; float: right; text-align: right; padding-right: 2px; } .search_attribute_name_value_selection:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .search_results_count_0 { display: none; } .search_attribute_value_selected { background:#e6e6e6; padding-top: 2px; padding-bottom: 2px; } .no_search_page_previous { display: none; } .no_search_page_next { display:none; } .format_alectro_search_subheading { color:#276DAF; display:inline; font-size:12pt; font-weight:bold; padding-bottom:5px; } .format_alectro_search_col1 { float:left; } .format_alectro_search_col1 ul { list-style:none outside none !important; } .format_alectro_search_col1 li { list-style:none outside none !important; } .format_alectro_search_col1 input { margin-top: 10px; } .format_alectro_search_col2 { float:left; padding-left: 50px } .format_alectro_search_col2 .search_attribute_label { margin-top: 10px; } .format_alectro_search_col2 .search_attribute_label input { margin-right: 5px; } .format_alectro_search_col2 .search_attribute_name { color: #000000; font-weight: bold; padding-top: 10px; } .format_alectro_search_col2 .search_attribute_label {} .format_alectro_search_col3 { float:left; padding-left: 50px } .format_alectro_search_col3 a img { margin-top: 10px; background: url(../../images/homepage_buttons/btn_search_go.gif) no-repeat; width: 74px; height: 24px; } .format_alectro_search_col3 a img:hover { margin-top: 10px; background: url(../../images/homepage_buttons/btn_search_go.gif) no-repeat; width: 74px; height: 24px; } /***************************** PRODUCT DETAILS *****************************/ #area2386 { float: left; } /***************************** HOW TO PURCHASE PAGE *****************************/ #area2505 { color:#4D4D4D; float:left; padding-top:12px; width:710px; } #area2505 h2 { color:#2A5CAA; font-weight: bold; } #area2505 img { float: left; } #area2505 ul li { list-style:disc inside none; } /*******************CHECKOUT STEPS*****************************/ .check_out_nav{ width: 95%; background-color: white; margin: 42px auto 20px auto; border-radius: 3px; box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.05); } .check_out_nav_table{ width:100%; } .check_out_nav_table td{ width:25%; text-align:center; font-weight:500; font-size:18px; color:black; border-top:0px !important; } .arrow_right_div{ margin-top:4px; float:right; } .check_out_guest_area { vertical-align: middle; height: 172px; top: 0px; bottom: 0px; display: table-cell; width: 26%; text-align: center; height: 373px; } .checkout_icon{ display: inline-block; width: 25px; text-align: left; } .signout_icon{ transition:0.5s ease; -webkit-transition: 0.5s ease; } .checkout_link{ width:128; } /*******************CHECKOUT STEPS*****************************/ /***********************GUEST ORDER REVIEW***************************/ .guest_order_div { float: left; width: 100%; color: #4D4D4D; } .guest_order_submission_form { margin:0px 25px 20px 25px; padding:25px; border-radius: 3px; box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.05); } .guest_order_submission_form input,.guest_order_submission_form select,.guest_order_submission_form textarea, .format_credit_card_details_input input, .format_credit_card_details_select select{ padding: 3px 9px; font-size: 12px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .guest_order_submission_form input:focus, .guest_order_submission_form select:focus, .guest_order_submission_form textarea:focus, .format_credit_card_details_input input:focus, .format_credit_card_details_select select:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); } .guest_order_submission_form select option,.format_credit_card_details_select select option{ padding:3px 9px; } .guest_order_submission_form textarea{ padding:9px; height:50px; } .order_detail_table td:nth-of-type(1),.order_delivery_table td:nth-of-type(1),.order_payment_table td:nth-of-type(1),.order_billing_table td:nth-of-type(1){ width:23%; vertical-align: middle; } .order_detail_table td:nth-of-type(2) input, .order_billing_table td:nth-of-type(2) input, .reference_input input, .order_delivery_table td:nth-of-type(2) input, .order_delivery_table td:nth-of-type(2) select, .order_payment_table td:nth-of-type(2) textarea, .order_billing_table select, .order_submit_email_field > #emailINP { width:47%; } .order_submit_email_field > #emailCHK{ margin:0px 3px 0px 5px; } .recaptchatable{ width:50%; } .payment_type_credit{ background-image: url(../../images/icons/visa_master.png); padding:4px 86px 9px 5px; } .order_review_div{ margin:0 auto; padding: 25px 10px; width: 93%; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05); } .order_review_div > #format_purchase_order_table{ margin: 0 auto; width:92%; } .order_review_bottom_table{ width: 95%; margin: 0px auto; padding-left: 25px; padding-right: 27px; vertical-align: middle; margin:20px 0px; } .order_review_bottom_table td { padding: 5px; } .format_credit_card_details_pay{ float:right; } .credit_form_div{ width: 92%; margin: 20px auto; } .format_credit_card_details_images{ text-align:center; } .format_credit_card_details_table{ width:100%; } .credit_submit_button input{ color: #fff; background-color: #5cb85c; border-color: #4cae4c; margin-bottom: 0; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .credit_submit_button input:focus,.credit_submit_button input:hover { color: #fff; background-color: #449d44; border-color: #255625; } .payment_type_account{ margin-left:5px; } .chekout_header_font{ font-size: 14pt; padding-bottom: 8px; color:#4D4D4D; } .delivery_as_bill_checkbox > input{ margin:0px 3px 0px 0px; } /******************************************************************/ /************* Order success page**********************************/ .order_success_div{ width: 92%; margin: 0 auto; margin-bottom:100px; } .order_confirm_header{ font-size: 15pt; font-weight: bold; padding-bottom: 5px; text-decoration:underline; margin-bottom: 10px; } /******************************************************************/ /*******************favourite icon************************************/ .favourite_heart-grid,.fa_heart_o-grid{ float:right; color:#d9534f; font-size:18px; cursor:pointer; } .onclick_add_fav,.onclick_rmv_fav,.is_favourite{ display:none; } /*********************************************************************/ /************************news share button*****************************/ [class*="fontawesome-"]:before { font-family: 'FontAwesome', sans-serif; } .share-links { transform-style: preserve-3d; width: 3em; height: 3em; line-height: 3em; text-align: center; // position: absolute; // left: 50%; // margin-left: -1.5em; // top: 50%; // margin-top: -1.5em; transform: rotateX(-35deg); margin-left: 30px; margin-bottom: 27px; } .share-links:after { content: "\f045"; color: #B8AA8F; font-family: 'FontAwesome', sans-serif; position: absolute; top: 50%; left: 50%; z-index: 9999; transform: translate3d(0, -30px, 50px); margin-left: -0.4em; font-size: 1.5em; transition: 200ms ease all; } .share-links:hover:after { opacity: 0; transform: translate3d(0, -100%, 50px); } .share-links > li { position: absolute; width: 100%; height: 100%; transform-style: preserve-3d; } .share-links > li a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 1; color: white; background: white; transition: 500ms ease all; } .share-links > li a span { color: currentColor; transition: 500ms ease all; } .share-links:hover > li a span { color: #fff; } .share-links > li a:before, .share-links > li a:after { transition: 500ms ease all; background: currentColor; } .share-links > li a:before { height: 0; width: 100%; box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.1); } .share-links > li a:after { width: 0; height: 100%; box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.1); } .share-links:hover > li a:before { height: 100%; } .share-links:hover > li a:after { width: 100%; } .share-links > li.facebook { top: 0; right: 50%; transform: rotateY(45deg); transform-origin: 100% 0; } .share-links:hover > li.facebook a, .share-links:hover > li.facebook a:before, .share-links:hover > li.facebook a:after { background-color: rgb(59, 89, 152); color: rgb(59, 89, 152); } .share-links:hover > li.facebook a:hover, .share-links:hover > li.facebook a:hover:before, .share-links:hover > li.facebook a:hover:after { background-color: rgb(71, 104, 173); color: rgb(71, 104, 173); } .share-links > li.twitter { top: 0; left: 23%; transform: rotateY(-45deg); transform-origin: 0 0; } .share-links:hover > li.twitter a, .share-links:hover > li.twitter a:before, .share-links:hover > li.twitter a:after { background-color: rgb(85, 172, 238); color: rgb(85, 172, 238); } .share-links:hover > li.twitter a:hover, .share-links:hover > li.twitter a:hover:before, .share-links:hover > li.twitter a:hover:after { background-color: rgb(98, 187, 255); color: rgb(98, 187, 255); } .share-links > li.googleplus { top: 100%; right: 50%; transform: rotateY(45deg) rotateX(90deg); transform-origin: 100% 0%; } .share-links:hover > li.googleplus a, .share-links:hover > li.googleplus a:before, .share-links:hover > li.googleplus a:after { background-color: rgb(211, 72, 54); color: rgb(211, 72, 54); } .share-links:hover > li.googleplus a:hover, .share-links:hover > li.googleplus a:hover:before, .share-links:hover > li.googleplus a:hover:after { background-color: rgb(239, 87, 68); color: rgb(239, 87, 68); } .share-links > li.googleplus a:after { content: ''; position: absolute; top: 0; right: 100%; transform: rotateY(-90deg); transform-origin: 100% 0; box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.1); width: 0px; } .share-links > li.googleplus a:before { content: ''; position: absolute; top: 100%; left: 0; transform: rotateX(-90deg); transform-origin: 0% 0; box-shadow: none; width: 0px; } .share-links:hover > li.googleplus a { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.1); } .share-links > li.facebook a:before { content: ''; position: absolute; top: 0; left: 0; transform: rotateX(-90deg); transform-origin: 0 0; width: 0px; } .share-links > li.facebook a:after { content: ''; position: absolute; top: 0; right: 100%; transform: rotateY(-90deg); transform-origin: 100% 0; width: 0px; } .share-links > li.twitter a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; transform: rotateX(-90deg); transform-origin: 0 0; width: 0px; } .share-links > li.twitter a:after { content: ''; position: absolute; top: 0; left: 100%; transform: rotateY(90deg); transform-origin: 0% 0; box-shadow: none; width: 0px; } .share-links:hover > li.twitter a { box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.1); } ul.share-links li{ list-style-type: none !important; } /************************************************************************/ /******************************Search result page ***************************/ #header_search_lable,#header_search_lable_table{ margin-left:4px; } /****************************************************************************/ /********************************GLOBAL LOGIN/LOGOUT*************************/ .global_login_logout_button{ font-size: 12px; font-weight: noraml; padding: 0px 7px; display: inline-block; margin-bottom: 0; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .global_login_logout_button:hover,.global_login_logout_button:focus{ color: #fff; background-color: #449d44; border-color: #398439; text-decoration: none; } /*****************************************************************************/ /*******************************QUICK VIEW SHOPPING CART********************/ #quick_view_cart img{ max-height: 60px; } #quick_view_cart .dropdown-cart ul{ color: black; overflow-y: hidden; max-height: 244px; overflow-x: hidden; } #quick_view_cart .dropdown-cart { right:0; width: 395px; margin-top:8px; } #quick_view_cart .dropdown-toggle{ color:white; } #quick_view_cart .quick_cart_item-list{ display:table; width: 92%; margin: 0 auto; border:0px; border-bottom:1px solid #ddd; } #quick_view_cart .item-list-link{ display:table; width:100%; } .quick_cart_item-image{ margin-right: 5px; float: left; overflow: hidden; width: 100px; display: table-cell; text-align: center; } .quick_cart_item-quantity{ width: 60px; line-height: 15px; float: left; text-align: center; display: table; height:60px; } .quick_cart_item-sign{ float: left; padding: 0 7px; line-height: 26px; font-weight: bold; display: table; height:60px; } .quick_cart_item-desc{ float: left; width: 113px; height: 60px; display:table; } .quick_cart_item-inner_div{ display:table-cell; vertical-align:middle; } .quick_cart_item-each_price{ margin:5px 0px; } .quick_cart_item-desc a:hover{ text-decoration:underline; } .quick_cart_item-total_item_price{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 60px; max-width:60px; } .quick_cart_item-quantity input{ width: 40px; padding: 3px 9px; font-size: 12px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .quick_cart_item-quantity input:focus{ border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); } .quick_cart_item-remove a { color: #dc1928; font-size: 12px; display: inline; } .quick_cart_item-price{ width: 60px; height:60px; float: right; font-weight: bold; text-align: right; display: table; } #quick_view_cart .quick_cart_item-list:last-child{ border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .quick_cart_item-summary{ padding: 10px 17px 0px; color: black; } .quick_cart_item-type{ color: #382f2d; } .quick_cart_item-total { display: inline-block; width: 100%; } .quick_cart_item-ex_gst{ float: left; width: 184px; } .button_100px_width{ width:100px; padding: 3px 7px; } .quick_cart_item-ex_gst a,.cart_price_toggle_link{ color: #dc1928 !important; } .quick_cart_item-item_code{ width: 116px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .quick_view_cart-chevron{ color: rgb(165, 161, 160); } .quick_cart_item-ex_gst a:hover{ text-decoration:underline; } .quick_cart_item-fright{ margin-top:5px; } .quick_cart_item-fright_total{ float:right; text-align:right; width:112px; color: rgb(165, 161, 160); } #area6735 .get_basket_view_product,#area6798 .get_basket_view_product{ border:0px none; } .quick_view_cart_link{ background-color: #f0ad4e; border-color: #eea236; color: white; } .quick_view_cart_link:hover{ background-color: #ec971f; border-color: #d58512; color: white; } .product-exc-div,.product_total-exc-div,.total-exc-price{ display:none; } .quick_cart_item-value{ font-weight: bold; float: right; color: #382f2d; font-size: 14px; text-align: right; /*width: 106px;*/ } .quick_cart_item-summary.actions{ box-sizing: border-box; display: inline-block; /*line-height: 44px;*/ margin:5px 0; padding-bottom: 0; padding-top: 0; width: 100%; } .quick_cart_item-checkout_button{ display: block; float: right; text-align: right; } .quick_cart_item-view_cart{ float: left; padding-left: 0; display: block; text-align: right; } .quick_cart_item-checkout_button a{ padding: 3px 7px; border-radius: 3px; } #quick_view_cart .gray-link{ text-decoration: underline; color: rgb(128, 115, 112); } #quick_view_cart .gray-link:hover{ text-decoration: underline; color: rgb(128, 115, 112); } #quick_view_cart .dropdown-cart::after{ bottom: 100%; left: 89%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: white; border-width: 8px; margin-left: -8px; } .scroll.scrollDown.enable{ background-color: #efeded ; border: solid 1px #f0f0f0 ; cursor: auto; width: 99%; margin: 0 auto; display: block; color: black; cursor: pointer; } .scroll.scrollUp.enable{ background-color: #efeded ; border: solid 1px #f0f0f0 ; cursor: auto; width: 99%; margin: 0 auto; display: block; color: black; cursor: pointer; } .scroll.scrollUp.disable,.scroll.scrollDown.disable{ background-color: white ; border: solid 1px #f0f0f0 ; cursor: auto; width: 99%; margin: 0 auto; display: block; color: black; cursor: default; } /**************************************************************************/ #AddComment_content{ display:table; } .center_align{ text-align:center; }