/*///////////////////////////////////////////////////////////////////*/ /* Custom Canopies css */ /* Allan Paterson 2009 */ /*///////////////////////////////////////////////////////////////////*/ img, div, a, input { behavior: url(css/iepngfix.htc) } /*///////////////////////////////////////////////////////////////////*/ /* body and wrap*/ /*///////////////////////////////////////////////////////////////////*/ #main_body {margin: 0;padding: 0;background-color: #fff;background-image: url(../graphics/back.jpg);background-repeat:repeat-x;font-family: Arial, Verdana, sans-serif;font-size: 12px;color: #000;min-width:996px;height: 100%; width: 100%;} #wrap { margin:0px auto;width:996px;} /*///////////////////////////////////////////////////////////////////*/ /* contact*/ /*///////////////////////////////////////////////////////////////////*/ #contact_header {width: 996px;height: 356px;background-image: url(../graphics/contact_content_back.jpg);background-repeat: no-repeat;} /*///////////////////////////////////////////////////////////////////*/ /* customise*/ /*///////////////////////////////////////////////////////////////////*/ #cust_body {margin: 0;padding: 0;background-color: #fff;background-image: url(../graphics/customise_back.jpg);background-repeat:repeat-x;font-family: Arial, Verdana, sans-serif;font-size: 12px;color: #000;min-width:996px;height: 100%;width: 100%;} #cust_header {width: 996px;height: 320px;background-image: url(../graphics/customise_content_back.jpg);background-repeat: no-repeat;} #cust_content {width: 990px;padding:0px 0px;margin:0px;} #cust_left {float:left; width: 400px;height: 400px; padding:0px 5px 0px 75px;} #cust_right{float:left;width: 480px;padding:0px 0px 0px 10px;margin-top:-125px;} #cust_links{float:right;padding:15px 0px ;} #cust_menu{ padding:133px 0px;} #cust_menu a{text-decoration:none;color:#fff;} #cust_menu a:hover{ color:#970099;} #cust_menu .current{color:#970099;text-decoration:none; } #cust_footer {background-image:url(../graphics/customise_footer.jpg) ;background-repeat: no-repeat; clear:both; width:996px;height:100px;z-index:-200; } /*///////////////////////////////////////////////////////////////////*/ /* downloads*/ /*///////////////////////////////////////////////////////////////////*/ #dl_body {margin: 0;padding: 0; background-color: #fff; background-image: url(../graphics/back.jpg);background-repeat:repeat-x;font-family: Arial, Verdana, sans-serif;font-size: 12px;color: #000;min-width:996px;height: 100%; width: 100%;} #dl_header {width:996px;height:356px;background-image: url(../graphics/download_content_back.jpg);background-repeat: no-repeat; } #dl_content {width: 990px;padding:0px;margin:0px;} #dl_inner_content {width: 990px;padding:0px;margin:0px;} #dl_head_text{width:720px;padding:18px 0px 0px 0px;margin:0px;color:#fff;font-size:11px;float:left; position:relative;} #dl_links {padding:19px 0px ; float:right;position:relative;} #dl_menu{padding:133px 0px 0px 0px; margin:0px; float:left; position:relative;} #dl_menu a{ text-decoration:none;} #dl_menu a:hover{color:#fff;} #dl_menu .current{color:#fff;text-decoration:none;} #dl_footer {background-image:url(../graphics/footer.gif) ;background-repeat: no-repeat;clear:both;margin:0px auto;width:996px;height:100px; margin-top:0px; z-index:-200;} /*///////////////////////////////////////////////////////////////////*/ /* ZP*/ /*///////////////////////////////////////////////////////////////////*/ #zp_body {margin: 0;padding: 0; background-color: #fff; background-image: url(../graphics/zp_back.jpg); background-repeat:repeat-x; font-family: Arial, Verdana, sans-serif;font-size: 12px;color: #000;min-width:996px;height: 100%;width: 100%;} #zp_header {width: 996px;height: 356px; background-image: url(../graphics/zp_content_back.jpg); background-repeat: no-repeat;} #zp_content {width: 990px;min-height:399px; padding:10px 0px;} #zp_head_text{width:760px;padding:21px 0px; color:#fff;font-size:11px;float:left;position:relative; } #zp_links{float:right;position:relative;padding:0px 20px ;} #zp_menu{padding:133px 0px 0px 0px; float:left; position:relative; margin:0px; } #zp_menu a{text-decoration:none;color:#fff;} #zp_menu a:hover{color:#ccc;} #zp_menu .current{color:#ccc;text-decoration:none;} #zp_footer {background-image:url(../graphics/footer.gif) ;background-repeat: no-repeat;clear:both;width:996px;height:100px;z-index:-200;} .zp_quote_button {color:#fff;font-size:13px;background: url(../graphics/zp_quote_back.jpg) no-repeat ;background-position:top left;height:40px;width:250px;padding:3px 0px 0px 10px;} .zp_quote_button a:link, .zp_quote_button a:visited, .zp_quote_button a:active{ color:#fff; font-size:13px; text-decoration:none;} .zp_quote_button a:hover{color:#ccc;} /*///////////////////////////////////////////////////////////////////*/ /* XP*/ /*///////////////////////////////////////////////////////////////////*/ #xp_body {margin: 0;padding: 0;background-color: #fff;background-image: url(../graphics/xp_back.jpg);background-repeat:repeat-x;font-family: Arial, Verdana, sans-serif;font-size: 12px; color: #000;min-width:996px;height: 100%;width: 100%;} #xp_header {width: 996px;height: 356px;background-image: url(../graphics/xp_content_back.jpg);background-repeat: no-repeat;} #xp_content {width: 990px;min-height:399px;padding:10px 0px;} #xp_head_text{width:760px;padding:21px 0px;color:#fff;font-size:11px;float:left;position:relative} #xp_links{float:right;padding:0px 20px ;position:relative;} #xp_menu{padding:133px 0px 0px 0px; float:left; position:relative;margin:0px;} #xp_menu a{text-decoration:none;color:#fff;} #xp_menu a:hover{color:#009CDA; } #xp_menu .current{color:#009CDA;text-decoration:none;} #xp_footer {background-image:url(../graphics/xp_footer.jpg) ;background-repeat: no-repeat;clear:both;width:996px;height:100px; z-index:-200;} .xp_quote_button {color:#fff; font-size:13px;background: url(../graphics/quote_back.jpg) no-repeat ;background-position:top left;height:40px;width:250px;padding:3px 0px 0px 10px;} .xp_quote_button a:link, .xp_quote_button a:visited, .xp_quote_button a:active{color:#fff;font-size:13px;text-decoration:none;} .xp_quote_button a:hover{color:#ccc;} /*///////////////////////////////////////////////////////////////////*/ /* ECO*/ /*///////////////////////////////////////////////////////////////////*/ #eco_body {margin: 0;padding: 0;background-color: #fff;background-image: url(../graphics/eco_back.jpg);background-repeat:repeat-x;font-family: Arial, Verdana, sans-serif;font-size: 12px;color: #000;min-width:996px; height: 100%;width: 100%;} #eco_header {width: 996px;height: 356px;background-image: url(../graphics/eco_content_back.jpg);background-repeat: no-repeat;position:relative;} #eco_content {width: 990px;min-height:399px;padding:10px 0px;} #eco_head_text{ width:760px;padding:22px 0px;color:#fff;font-size:11px;float:left;position:relative;} #eco_links{float:right;padding:12px 20px ;float:right;position:relative;} #eco_menu{float:left;position:relative;padding:133px 0px 0px 0px;margin:0px;} #eco_menu a{text-decoration:none;color:#fff;} #eco_menu a:hover{color:#33CC00;} #eco_menu .current{ color:#33CC00; text-decoration:none;} #eco_footer {background-image:url(../graphics/eco_footer.jpg) ;background-repeat: no-repeat;clear:both;width:996px;height:100px;z-index:-200;} .eco_quote_button {color:#fff;font-size:13px;background: url(../graphics/eco_quote_back.jpg) no-repeat ;background-position:top left;height:40px;width:250px;padding:3px 0px 0px 10px;} .eco_quote_button a:link, .eco_quote_button a:visited, .eco_quote_button a:active{color:#fff;font-size:13px;text-decoration:none;} .eco_quote_button a:hover{color:#ccc;} /*///////////////////////////////////////////////////////////////////*/ /* S*/ /*///////////////////////////////////////////////////////////////////*/ #s_body {margin: 0; padding: 0; background-color: #fff; background-image: url(../graphics/s_back.jpg);background-repeat:repeat-x;font-family: Arial, Verdana, sans-serif;font-size: 12px;color: #000;min-width:996px;height: 100%;width: 100%;} #s_header { width: 996px;height: 356px;background-image: url(../graphics/s_content_back.jpg);background-repeat: no-repeat;} #s_content {width: 990px;min-height:399px;padding:10px 0px;} #s_head_text{width:760px;padding:21px 0px;color:#fff;font-size:11px;float:left;position:relative;} #s_links{padding:0px 20px;float:right;position:relative;} #s_menu{padding:133px 0px 0px 0px;float:left;position:relative;margin:0px;} #s_menu a{text-decoration:none;color:#fff;} #s_menu a:hover{color:#FF9933;} #s_menu .current{color:#FF9933; text-decoration:none;} #s_footer { background-image:url(../graphics/s_footer.jpg);background-repeat: no-repeat;clear:both;width:996px;height:148px;z-index:-200;} .s_quote_button {color:#fff;font-size:13px; background: url(../graphics/s_quote_back.jpg) no-repeat;background-position:top left;height:40px; width:250px;padding:3px 0px 0px 10px;} .s_quote_button a:link, .s_quote_button a:visited, .s_quote_button a:active{color:#fff; font-size:13px; text-decoration:none;} .s_quote_button a:hover{color:#ccc; } /*///////////////////////////////////////////////////////////////////*/ /* flags*/ /*///////////////////////////////////////////////////////////////////*/ #flags_header { width: 996px;height: 356px;background-image: url(../graphics/flags_back.jpg);background-repeat: no-repeat;} #flags_content {width: 990px;min-height:399px;padding:10px 0px;} #flags_text{width:760px;padding:30px 0px;color:#fff;font-size:48px;float:left;position:relative;} #blue_flags{color:#0093D8; height:270px; width:980px; margin:0 0 20px 0; position:relative;background: url(../graphics/blue_flags_bg.jpg)bottom right no-repeat;} #red_flags{color:#990066;height:270px; width:980px;margin:0 0 20px 0; position:relative;background: url(../graphics/red_flags_bg.jpg)bottom right no-repeat;} #green_flags{color:#99CC00;height:270px; width:980px;margin:0 0 20px 0; position:relative;background: url(../graphics/green_flags_bg.jpg)bottom right no-repeat;} #blue_flags .large_img,#red_flags .large_img, #green_flags .large_img{position:relative; width:300px;float:left; margin:0 30px 0 0;} #blue_flags .text,#red_flags .text, #green_flags .text{float:left; margin:10px 20px 0 0; width:340px;} #blue_flags .flags,#red_flags .flags, #green_flags .flags{float:left; margin:10px 20px 0 0; } #blue_flags strong,#red_flags strong, #green_flags strong{font-size:15px;} #blue_flags p,#red_flags p, #green_flags p{padding:0;margin:0 30px 0 0;} /*///////////////////////////////////////////////////////////////*/ /*admin*/ /*///////////////////////////////////////////////////////////////*/ #admin_head_text{width:510px;color:#fff;font-size:11px;} #admin_head_text a{color:#fff;text-decoration:none;} #admin_head_text a:link{color:#fff;text-decoration:none;} #admin_head_text a:visited{color:#fff;text-decoration:none;} /*///////////////////////////////////////////////////////////////*/ /*header*/ /*///////////////////////////////////////////////////////////////*/ #header {width: 996px;height: 356px;background-image: url(../graphics/headset_back.jpg);background-repeat: no-repeat;} #plain_header {width: 996px;height: 290px;background-image: url(../graphics/plain_headset_back.jpg);background-repeat: no-repeat;} /*///////////////////////////////////////////////////////////////*/ /*main content*/ /*///////////////////////////////////////////////////////////////*/ #main_content {width: 990px;float: left;margin:0px 0px 0px 15px;z-index:200;} #content {width: 990px;padding:0px 0px; } #small_content {background-image:url(../graphics/content_back_small.jpg) ;background-repeat: no-repeat;width: 990px;min-height:399px;padding:10px 0px;} #head_text{width:510px;padding:30px 0px 0px 0px;margin:0px;color:#fff;font-size:11px;float:left;position:relative;} #index_text{width:730px;padding:40px 0px 0px 0px;margin:0px;color:#fff;font-size:11px;float:left;position:relative;} #round_image{padding:58px 0px 0px 50px; z-index:200;} /*///////////////////////////////////////////////////////////////*/ /*contents*/ /*///////////////////////////////////////////////////////////////*/ #left_content {margin:0px 10px 0px 10px;float:left;width:500px;} #right_content {margin:0px 0px 0px 0px;float:right;width:440px;} #product_left_content {margin:0px 10px 0px 10px;float:left;width:340px;} #product_right_content{margin:0px 0px 0px 0px;float:right;width:620px;z-index:-200;} #news_left_content {margin:0px 50px 0px 10px;float:left;width:540px;} #news_right_content{margin:0px 0px 0px 0px;float:right;width:380px;} #quote_left_content {padding:0px 0px 0px 0px;float:left;width:300px;} #quote_right_content {padding:0px;float:right;width:650px;} #left_index {margin:-165px 0px 0px 0px;float:left;width:510px;z-index:-200;} #right_index {margin:0px 0px 0px 0px;float:right;width:470px;} #index_left {margin:-165px 0px 0px 0px;float:left;width:580px;z-index:-200;} #index_right {margin:0px 0px 0px 0px;float:right;width:400px;} .blue_front {color:#009CDA;font-size:9px; border-right:4px solid #009CDA; width:110px; padding:0px 22px 0px 12px;} .blue_front_end {color:#009CDA;font-size:9px; padding:0px 10px 0px 12px;width:110px;} .index_front_image{padding:0; margin:0 0 8px 0;width:164px;} .news_text {color:#333;font-size:10px; } .news_header {color:#009CDA;font-size:12px; font-weight:bold; margin:0px 0px 6px 0px; border:0px;} .info_image { border:1px solid #009CDA; width:130px;} #news_ticker {height:340px;width:360px;background:url(../graphics/news_border.jpg) no-repeat top left; padding:20px 20px 10px 10px;} /*///////////////////////////////////////////////////////////////*/ /*footer content*/ /*///////////////////////////////////////////////////////////////*/ #footer {background-image:url(../graphics/footer.gif); background-repeat:no-repeat;clear:both;width:996px;height:100px;margin-top:0px;z-index:-200;} #footer_text {float:right;padding:52px 0px 0px 30px;color: #374555;font-size: 11px;z-index:200;} #footer_left{float:left;color:#009CDA;font-size:11px;width:435px;padding:30px ;} #footer_right{float:left;color:#009CDA;font-size:11px; width:435px;padding:30px ;} #address{text-align:center;color:#6A6A6A;} /*///////////////////////////////////////////////////////////////*/ /*other content*/ /*///////////////////////////////////////////////////////////////*/ #descriptor h1{color:009CDA;} #descriptor a:link,#descriptor a:visited,#descriptor a:active{color:#000;font-size:14px;font-weight:600;text-decoration:none;} #descriptor a:hover{color:#009CDA;font-size:14px;font-weight:600;text-decoration:none;} /*///////////////////////////////////////////////////////////////*/ /*colours*/ /*///////////////////////////////////////////////////////////////*/ .big_blue{color:#009CDA;font-size:20px;font-weight:700;padding-right:15px;} .blue_small{color:#009CDA;font-size:12px;} .blue {color:#009CDA;font-size:13px;text-decoration:none;} .blue a:link {color:#009CDA;font-size:13px; text-decoration:none;} .blue a:visited {color:#009CDA;text-decoration:none;} .orange a:link{color:#FF9933;font-size:13px;text-decoration:none;} .orange a:visited {color:#FF9933;text-decoration:none;} .green a:link{color:#33CC00;font-size:13px;text-decoration:none;} .green a:visited {color:#33CC00;text-decoration:none;} .gray a:link{color:#6A6A6A;font-size:13px;text-decoration:none;} .gray a:visited { color:#6A6A6A;text-decoration:none;} .grey{color:#6A6A6A;font-size:15px; } .small_black{color:#000;font-size:10px;padding-right:20px;} /*///////////////////////////////////////////////////////////////*/ /*///////////////////////////////////////////////////////////////*/ .pop_gray{color:#6A6A6A;} .td_gray{background:#6A6A6A;color:#fff;padding:3px;} .h1_gray{color:#6A6A6A;border-bottom:2px solid #6A6A6A;font-size:16px;} .img_gray{border:1px solid #6A6A6A;} .pop_blue{color:#009CDA;} .td_blue{background:#009CDA;color:#fff;padding:3px;} .h1_blue{color:#009CDA;border-bottom:2px solid #009CDA;font-size:16px;} .img_blue{border:1px solid #009CDA;} .pop_green{color:#33CC00;} .td_green{background:#33CC00;color:#fff;padding:3px;} .h1_green{color:#33CC00;border-bottom:2px solid #33CC00;font-size:16px;} .img_green{border:1px solid #33CC00;} .pop_orange{color:#FF9933;} .td_orange{background:#FF9933;color:#fff;padding:3px;} .h1_orange{color:#FF9933;border-bottom:2px solid #FF9933;font-size:16px;} .img_orange{border:1px solid #FF9933; } /*///////////////////////////////////////////////////////////////*/ /*///////////////////////////////////////////////////////////////*/ .right_h1{font-size:16px;color:#6A6A6A;border-bottom:2px solid #6A6A6A;width:422px;padding:0px 0px 0px 0px;margin:15px 0px -5px 0px;} .left_h1{font-size:16px;color:#6A6A6A; border-bottom:2px solid #6A6A6A;width:280px;padding:0px 0px 0px 0px;margin:15px 0px -5px 0px;} .head_h1{font-size:16px;color:#6A6A6A;border-bottom:2px solid #6A6A6A;width:980px;margin:0px 0px 5px 0px;} #links{ float:right;padding:16px 0px ;} #roll_over{ float:right; margin:-80px 0px -10px;} .index_blue{color:#009CDA;font-size:11px;} /*////////////////////////////////////////////////////////////////////////*/ /*gallery*/ /*////////////////////////////////////////////////////////////////////////*/ .gallery_image{position:relative; float:left; margin:0 15px 10px 0;} .xp_gallery_button {color:#000;font-size:12px;background: url(../graphics/xp_gallery_back.jpg) no-repeat ;background-position:top left;height:30px;width:250px;padding:4px 0px 0px 10px;} .xp_gallery_button a:link, .xp_gallery_button a:visited, .xp_gallery_button a:active{color:#000;font-size:13px;text-decoration:none;} .xp_gallery_button a:hover{color:#009CDA;} .zp_gallery_button {color:#000;font-size:12px;background: url(../graphics/zp_gallery_back.jpg) no-repeat ;background-position:top left;height:30px;width:250px;padding:4px 0px 0px 10px;} .zp_gallery_button a:link, .zp_gallery_button a:visited, .zp_gallery_button a:active{color:#000;font-size:13px;text-decoration:none;} .zp_gallery_button a:hover{color:#ccc;} .s_gallery_button { color:#000; font-size:12px; background: url(../graphics/s_gallery_back.jpg) no-repeat;background-position:top left;height:30px;width:250px;padding:4px 0px 0px 10px;} .s_gallery_button a:link, .s_gallery_button a:visited, .s_gallery_button a:active{color:#000;font-size:13px;text-decoration:none;} .s_gallery_button a:hover{color:#FF9933;} .eco_gallery_button {color:#000;font-size:12px; background: url(../graphics/eco_gallery_back.jpg) no-repeat;background-position:top left;height:30px;width:250px;padding:4px 0px 0px 10px;} .eco_gallery_button a:link, .eco_gallery_button a:visited, .eco_gallery_button a:active{color:#000; font-size:13px; text-decoration:none;} .eco_gallery_button a:hover{color:#33CC00; } /*////////////////////////////////////////////////////////////////////////*/ /*gallery*/ /*////////////////////////////////////////////////////////////////////////*/ .specification_button { color:#000;font-size:12px;background: url(../graphics/specification_back.jpg) no-repeat ;background-position:top left; height:30px;width:250px;padding:4px 0px 0px 10px;margin-top:-14px;} .specification_button a:link, .specification_button a:visited, .specification_button a:active{color:#000;font-size:13px;text-decoration:none;} .specification_button a:hover{color:#990167;} .accessories_button {color:#000;font-size:12px; background: url(../graphics/accessories_back.jpg) no-repeat;background-position:top left;height:30px;width:250px;padding:4px 0px 0px 10px;margin-top:-14px;margin-bottom:6px;} .accessories_button a:link, .accessories_button a:visited, .accessories_button a:active{color:#000; font-size:13px;text-decoration:none;} .accessories_button a:hover{color:#CC9967;} .compare_black{ color:#000000;font-size:11px; padding:10px 0px 0px 30px; font-family: Arial, Verdana, sans-serif;} .compare_gray_text{ color:#a6a6a6;font-size:11px; padding:4px;font-family: Arial, Verdana, sans-serif;} .compare_gray, .compare_gray a:link, .compare_gray a:visited{color:#6A6A6A; font-size:14px; text-decoration:none;padding:0px 0px 0px 10px;font-family: Arial, Verdana, sans-serif; } .compare_blue, .compare_blue a:link, .compare_blue a:visited{color:#009CDA; font-size:14px; text-decoration:none;padding:0px 0px 0px 10px;font-family: Arial, Verdana, sans-serif; } .compare_orange, .compare_orange a:link, .compare_orange a:visited{color:#FF9933; font-size:14px; text-decoration:none;padding:0px 0px 0px 10px;font-family: Arial, Verdana, sans-serif;} .compare_green, .compare_green a:link, .compare_green a:visited{color:#33CC00;font-size:14px;text-decoration:none;padding:0px 0px 0px 10px;font-family: Arial, Verdana, sans-serif;} .compare_green a:hover, .compare_blue a:hover,.compare_orange a:hover,.compare_gray a:hover{color:#ccc;} .blue_hr{ color: #009CDA;background-color:#009CDA;height:5px;border:0;} .green_hr{ color: #33CC00;background-color:#33CC00;height:5px;border:0;} .orange_hr{ color:#FF9933;background-color:#FF9933;height: 5px;border: 0;} .gray_hr{ color:#6A6A6A;background-color:#6A6A6A;height: 5px;border: 0;} #preview{position:absolute;border:8px solid #009CDA;background:#fff;padding:0px;display:none;} .choice_menu{background: url('../graphics/product_choice_back.jpg') no-repeat top left;height:62px;width:880px;padding:0px 0px 0px 10px;margin:-40px 0px 0px 30px;} .choice_button{padding:0px 0px 0px 0px;} #display_left{width:460px;float:left;min-height:650px;} #display_right{width:460px;float:right;min-height:650px;} .news_image{width:240px; margin:0px 10px 10px 0px; poistion:relative; float:left; border:1px solid #009CDA;} /*///////////////////////////////////////////////////////////////////*/ /*clearer*/ /*///////////////////////////////////////////////////////////////////*/ .clearer{clear: both; height: 0px; overflow: hidden;} .spacer{clear: both; height: 20px; overflow: hidden;} /*///////////////////////////////////////////////////////////////////*/ /*general*/ /*///////////////////////////////////////////////////////////////////*/ .border {border :1px solid #009CDA;padding:4px;} .td_head {background :#009CDA;padding:4px;color:#fff;} .td_clear {border :1px solid #009CDA;padding:3px;color:#009CDA;} .form_style {border :1px solid #009CDA;background:#fff;padding:3px;width:280px;margin-bottom:8px;} .input_white{width:320px;font-family: Arial, Verdana, sans-serif;border:0px; padding:2px;margin:0px 0px 5px 0px; background:#fff;border:1px solid #ddd;color:#333333; font-size:11px; float:left; position:relative; text-align:left;} #fade{float:right;padding:0px 25px;} #index_fader {background: url(../graphics/speech_bubble.jpg) no-repeat ; width:600px; height:388px;position:relative; float:left;} #fader{margin:10px 0 10px 0; padding:0; float:left; position:relative;} #fader p{margin:10px 0 0 0; padding:0;} #fader img{margin:0; padding:0;} #fader_text {margin:12px 0 0 0 ; padding:0; width:750px;color:#fff;position:relative; float:left; } #fader_text h2{font-size:13px;} #text{float:left;width:440px;} /*///////////////////////////////////////////////////////////////////*/ #index_links { margin:0px auto; width:980px;} #index_links h2{border-bottom:2px solid #999; color:#999; text-align:right; margin:15px 0 6px 0;} #index_links .table{width:980px; margin:0 0 0 12px;} .index_links_image{width:220px; margin:0 0 4px 0;} #index_news {margin:0px 0px 0px 0px;float:right;width:360px;} #latest_news{margin:10px 0 0 0; float:left;background: url(../graphics/latest_news_border.jpg) no-repeat; width:342px; height:318px; padding:24px 4px 0 7px;} #latest_news .news_header{color:#009CDA;font-size:12px; font-weight:bold; margin:0px 0px 6px 0px; border:0px;} #latest_news .news_text {color:#333;font-size:9px; } #index_news .clearance{margin:0; padding:0;} /*///////////////////////////////////////////////////////////////////*/ h1{font-size:20px;font-weight:600;border-bottom:2px solid #009CDA;color:#009CDA;width:100%;} h4 {color:#000;font-size:11px;background: url(../graphics/accessories_back.jpg) no-repeat ;background-position:top left;height:25px;width:250px;padding:5px 0px 0px 6px;margin:5px 0px 0px 0px;} h4 a:link, h4 a:visited, h4 a:active{color:#000;text-decoration:none;} h4 a:hover{ color:#CC9967; } p{font-size:11px;padding:10px;} ul{margin:0px; padding:0px;} li{margin:0px; padding:0px;} /*////////////////////////////////////////////////////////////////////////*/ /*cart*/ /*////////////////////////////////////////////////////////////////////////*/ #cart_left{ margin:0px 20px 0px 0px;padding:0px;float:left; position:relative; width:220px;} #cart_right{margin:0px; padding:0px;float:left; position:relative; width:740px;} .product_holder, .small_product_holder{ padding:4px; float:left; position:relative; margin:0px 20px 10px 0px; border:1px solid #9BD7FF; font-size:11px; color:#009CDA; text-align:center; } .product_holder{ width:155px; } .small_product_holder{ width:80px; } .product_holder em{ width:100%; padding:3px; margin:4px 1px 1px 1px; text-align:justify;} .product_head { background:#009CDA;padding:2px;color:#fff; font-weight:600;font-size:12px;display:block;text-align:center; } .product_price {padding:2px;font-weight:700;font-size:12px;text-align:center;} .product_text , .small_product_text{padding:2px;color:#009CDA;font-size:12px;text-align:left;float:left;position:relative; margin:0px; } .product_text{width:50px;} .small_product_text{width:20px;} .wall_acc_border{padding:6px;float:left;position:relative; margin:0px 15px 15px 0px;} /*////////////////////////////////////////////////////////////////////////*/ /*products*/ /*////////////////////////////////////////////////////////////////////////*/ .addtobasket {background:#009CDA;border: 0px ;width: 144px; padding: 2px;color:#fff;margin:5px 0px 0px 0px; cursor:pointer; position:relative;} .small_basket {background:#009CDA; border: 0px;width: 100%;padding: 4px;color:#fff;font-size:11px; position:relative;} .basket_item {padding:2px 0px 2px 0px;border-bottom: 1px solid #fff; position:relative;} .delete {border-top: 1px solid #fff;border-left: 1px solid #fff;border-right: 1px solid #fff;} .input{ background:#fff;border:1px solid #9BD7FF;font-size:11px;color:#009CDA;width:40px;float:left;position:relative;margin:0px;} .product_button {border:1px solid #009CDA;background:#fff;color:#009CDA;font-size:11px;padding:4px;margin:0px 0px 3px 0px ; font-weight:600;width:100%; float:left;position:relative;cursor:pointer;} .product_button:hover { border:1px solid #007BAA;background:#007BAA;color:#fff; font-size:11px; padding:4px;margin:0px 0px 3px 0px ;font-weight:600;width:100%; float:left; position:relative;cursor:pointer;} .acc_button{border:1px solid #009CDA;background:#fff;font-size:11px;padding:2px;margin:0px 0px 3px 0px ;font-weight:600;width:150px;float:left; position:relative;cursor:pointer;text-decoration:none;color:#009CDA;} /*///////////////////////////////////////////////////////////////////*/ /*links*/ /*///////////////////////////////////////////////////////////////////*/ a img{ border:0px; text-decoration: none; } a:link{color: #000;text-decoration:none;} a:visited{color: #000;text-decoration:none;} a:hover{color: #a4a4a4; text-decoration:none;} a:active{color: #a4a4a4;text-decoration:none;} .button{padding:10px 30px 10px 30px;font-size:18px;font-weight:700;background:#eee;border:1px solid #009CDA;color:#009CDA;} .button:hover {cursor: pointer;background: #009CDA;color:#fff;} .button:visited {cursor: pointer;background: #eee;border:1px solid #009CDA;color:#009CDA;} .small_button{padding:5px 10px 5px 10px;font-size:14px;font-weight:700;background:#eee;border:1px solid #009CDA;color:#009CDA;} .small_button:hover {cursor: pointer;background: #009CDA;color:#fff;} .small_button:visited {cursor: pointer;background: #eee;border:1px solid #009CDA;color:#009CDA;} .tiny_button a:link{padding:2px 3px 2px 3px;font-size:10px;font-weight:400;background:#eee;border:1px solid #009CDA;color:#009CDA;text-decoration:none;} .tiny_button a:active{padding:2px 3px 2px 3px;font-size:10px;font-weight:400;background:#eee;border:1px solid #009CDA;color:#009CDA;text-decoration:none;} .tiny_button a:hover {cursor: pointer;background: #009CDA;color:#fff;text-decoration:none;} .tiny_button a:visited {padding:2px 3px 2px 3px;font-size:10px;font-weight:400;background:#eee;border:1px solid #009CDA;color:#009CDA;text-decoration:none;} /*////////////////////////////////////////////////////////////////////////*/ /*buttons*/ /*////////////////////////////////////////////////////////////////////////*/ #zp_button{ display: block; width: 130px; height: 59px; background: url("/graphics/zp_small.jpg") no-repeat 0 0;} #zp_button:hover{ background-position: 0 -59px;} #zp_button span{ display: none;} /*////////////////////////////////////////////////////////////////////////*/ #xp_button{ display: block; width: 130px; height: 59px; background: url("/graphics/xp_small.jpg") no-repeat 0 0;} #xp_button:hover{ background-position: 0 -59px;} #xp_button span{ display: none;} /*////////////////////////////////////////////////////////////////////////*/ #s_button{ display: block; width: 130px; height: 59px; background: url("/graphics/s_small.jpg") no-repeat 0 0;} #s_button:hover{ background-position: 0 -59px;} #s_button span{ display: none;} /*////////////////////////////////////////////////////////////////////////*/ #eco_button{ display: block; width: 130px; height: 59px; background: url("/graphics/eco_small.jpg") no-repeat 0 0;} #eco_button:hover{ background-position: 0 -59px;} #eco_button span{ display: none;} #zp_front{ display: block; width: 74px; height: 34px; background: url("/graphics/zp_front.gif") no-repeat 0 0;} #zp_front:hover{ background-position: 0 -34px;} #zp_front span{ display: none;} /*////////////////////////////////////////////////////////////////////////*/ #xp_front{ display: block; width: 74px; height: 34px; background: url("/graphics/xp_front.gif") no-repeat 0 0;} #xp_front:hover{ background-position: 0 -34px;} #xp_front span{ display: none;} /*////////////////////////////////////////////////////////////////////////*/ #s_front{ display: block; width: 74px; height: 34px; background: url("/graphics/s_front.gif") no-repeat 0 0;} #s_front:hover{ background-position: 0 -34px;} #s_front span{ display: none;} /*////////////////////////////////////////////////////////////////////////*/ #eco_front{ display: block; width: 74px; height: 34px; background: url("/graphics/eco_front.gif") no-repeat 0 0;} #eco_front:hover{ background-position: 0 -34px;} #eco_front span{ display: none;} /*///////////////////////////////////////////////////////////////////*/ /*d menu*/ /*///////////////////////////////////////////////////////////////////*/ /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/final_drop.html Copyright (c) 2005-2008 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ .menu {padding:125px 0px 0px 0px; position:relative; z-index:100; font-family:arial, sans-serif;} /* hack to correct IE5.5 faulty box model */ /* remove all the bullets, borders and padding from the default list styling */ .menu ul {padding:0;margin:0;list-style-type:none;} /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */ .menu li {float:left;;position:relative;} /* style the links for the top level */ .menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; height:30px; padding:0px 10px 0px 10px; line-height:29px; } /* a hack so that IE5.5 faulty box model is corrected */ * html .menu a, * html .menu a:visited {width:85px; w\idth:85px;} /* hide the sub levels and give them a positon absolute so that they take up no room */ .menu ul ul {visibility:hidden;position:absolute;height:0;top:29px;left:0; } /* another hack for IE5.5 */ /* style the table so that it takes no ppart in the layout - required for IE to work */ .menu table {position:absolute; top:0; left:0; border-collapse:collapse;;} /* style the second level links */ .menu ul ul a, .menu ul ul a:visited {background:#999; color:#fff; height:auto; line-height:1em; padding:5px 10px; width:110px; border-right:2px solid #fff;border-left:2px solid #fff;border-bottom:2px solid #fff;} /* yet another hack for IE5.5 */ /* style the top level hover */ .menu a:hover, .menu ul ul a:hover{color:#ccc; } .menu :hover > a, .menu ul ul :hover > a {color:#ccc;} /* make the second level visible when hover on first level list OR link */ .menu ul li:hover ul, .menu ul a:hover ul{visibility:visible; } /* keep the third level hidden when you hover on first level list OR link */ .menu ul :hover ul ul{visibility:hidden;} /* make the third level visible when you hover over second level list OR link */ .menu ul :hover ul :hover ul{ visibility:visible;} /*////////////////////////////////////////////////////////////////////////*/ /*facebox*/ /*////////////////////////////////////////////////////////////////////////*/ #facebox .b { background:url(/includes/facebox/b.png);} #facebox .tl { background:url(/includes/facebox/tl.png);} #facebox .tr { background:url(/includes/facebox/tr.png);} #facebox .bl { background:url(/includes/facebox/bl.png);} #facebox .br { background:url(/includes/facebox/br.png);} #facebox { position: absolute; top: 0; left: 0; z-index: 500; text-align: left; width: auto;} #facebox .popup { position: relative;} #facebox table { border-collapse: collapse;} #facebox td { border-bottom: 0; padding: 0;} #facebox .body { padding: 10px; background: #fff; text-align:left;} #facebox .loading { text-align: center;} #facebox .image { text-align: left;} #facebox img { border: 0; margin: 0;} #facebox .footer {padding-top: 5px; margin-top: 10px; text-align: right;} #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0;} #facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%;} .facebox_hide { z-index:-100;} .facebox_overlayBG { background-color: #000; z-index: 99;} * html #facebox_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');} #facebox .submit {border:2px solid #CBD1C8; background:#fff;color:#333333;font-size:11px;padding:4px;margin:0px 0px 0px 0px;font-weight:600;float:left; position:relative; cursor:pointer; } #facebox .input_white { font-family: Arial, Verdana, sans-serif;width:400px;border:0px; padding:2px;margin:0px 0px 5px 0px; background:#fff;border:1px solid #ddd;color:#333333;font-size:11px; float:left; position:relative;} /*////////////////////////////////////////////////////////////////////////*/ /*accordion*/ /*////////////////////////////////////////////////////////////////////////*/ #options {width:250px; margin:5px auto; text-align:left; color:#333} #options a {text-decoration:none; color:#333} #options a:hover {color:#033} #acc {width:250px; list-style:none; margin:0 auto 5px 0px; float:left; } #acc h2 {color:#000;font-size:12px;background: url(../graphics/accessories_back.jpg) no-repeat ;background-position:top left;height:20px;width:250px;padding:4px 0px 0px 10px;margin:-14px 0px 0px 0px;cursor:pointer; } #acc h3 {color:#888;font-size:12px;cursor:pointer; } .news_header {color:#009CDA;font-size:14px; margin:25px 0px 0px 0px; border-bottom:2px solid #009CDA; text-decoration:none;} #acc .acc-section {overflow:hidden; background:#fff} #acc .acc-content {width:250px; padding:5px 0px 5px 0px; float:left;} /*////////////////////////////////////////////////////////////////////////*/ /*validation*/ /*////////////////////////////////////////////////////////////////////////*/ #msg {display:none; position:absolute; z-index:200; background:url(../graphics/msg_arrow.png) left center no-repeat; padding-left:7px} #msgcontent {display:block; background:#fff; border:2px solid #FF0000; color:#FF0000;border-left:none; padding:5px;} /*////////////////////////////////////////////////////////////////////////*/ /*validation*/ /*////////////////////////////////////////////////////////////////////////*/ h1.logo {margin:0; padding:0; width: 420px; height: 124px;float:left; position: relative; font-size:10px;font-weight:200;border:0;} h1.logo span { background: url("/graphics/logo.gif"); position: absolute; width: 453px; height: 124px;}