/* @override http://dev.jcompare.com/css/global.css */ /*I.Fixes*/ html,body{margin:0;padding:0;overflow-y: scroll;} /*Sticky Footer Fix*/ #container{position:relative; width:995px; margin: 3em auto; min-height:100%; } /* min-height: 100%;height: auto !important;height:100%; */ a:active {outline: none;} #debug_control { display:inline-block; position:absolute; z-index:98769; top:10px; left:40%; background-color:yellow; padding:6px; border:2px solid white; } #debug_control a { color:black; text-decoration:none; } #debug_control a:hover { color:maroon; text-decoration:underline; } .debug { display:none; position:relative; z-index:98765; font:11px verdana; border:1px solid #666; margin:10px; padding:0; background-color:#e2e2e2; } .debug h2 { color:red; font-weight:bold; font-size:13px; margin:0; padding:5px; background-color:#fff; border-bottom:1px solid #666; } .debug h2 span { font-weight:normal; color:gray; } .debug h2 em { color:blue; } .debug .data { white-space:pre-wrap; margin:-15px 10px 0 10px; } /*Invite*/ html .fb_share_link, a.twitter_share_link {background: url(/images/matrix_a.png) no-repeat;padding:2px 0 0 20px; height:16px;display: block;color: #333;} html .fb_share_link{background-position: -976px -375px;} a.twitter_share_link{background-position: -976px -395px;} /*1.Core Layout*/ body {background-color: #84a567;overflow:hidden;} #header {background: url(/images/matrix_x.png) repeat-x 0px -10px; height:100px;} #logo{height:31px;position: absolute;top: 12px;left: 20px;} #logo p{color: #aaa;font: 500 9px "Helvetica Neue", Helvetica,Arial,Verdana, sans-serif;margin: -2px 0 0 0;text-transform: uppercase;position: absolute;left: 18px;text-shadow: 0 1px rgba(0,0,0, .5);width: 200px;} #large_img_holder{background: url(/images/matrix_b.png) 0px 0px; width:20px; height:20px;} /*Footer*/ #footer {position:relative;bottom:0;background: #2b2d2b url(/images/matrix_x.png) repeat-x 0 -3564px;height: 167px;padding: 20px 30px 30px 30px;clear: both;font-family: Myriad Pro, Helvetica,Arial,sans-serif;font-weight: 700;overflow: hidden;} #footer a{color: #888;} #footer img { background-color: transparent; border: none;position: relative;top: 10px;} #adSense { padding: 5px 0 10px 0; border-bottom: 1px solid #707070; font-size: 12px;color:#AAA;clear: both; overflow: hidden;height: 65px;} #adSense .ad_sense_holder{float: left;width: 200px;height: 40px; padding: 10px;margin: 0 0 0 25px;background-color: #3c3e3c;border: 1px dashed #555;-moz-border-radius: 7px;-webkit-border-radius: 7px;} #adSense .ad_sense_holder:hover{-webkit-box-shadow:0 0 7px #222; -moz-box-shadow:0 0 7px #222} #adSense .ad_sense_holder.pikchur{border: 1px solid #fff;background-color: #FFF;} #adSense .ad_sense_holder.pikchur img{background-color: #FFF;display: block;} #pikchur_pitch{width: 80px;padding: 0 0 0 7px;position: relative;top: -30px;float: right;font-weight: normal;color: #555;border-left: 1px solid #ccc;font-size: 12px;} #adSense .ad_sense_holder .adguy_pic{width: 32px;height: 32px;background: url(/images/matrix_a.png) no-repeat -13px -1095px;} #adSense .ad_sense_holder h4 {color: #ddd;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,sans-serif;font-weight:300;font-size: 13px;margin: 0 0 4px 0;} #adSense .ad_sense_holder span {display: block;color: #888;font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif;font-weight:300;font-size: 9px;line-height: 11px;} #legal { float: left; padding: 10px 0 0 0; font-size: 13px;color: #DDD;} #legal span{font-size: 11px;} #footer a#logo_footer { padding: 10px 0 0 0;float: right;} .about_footer{float: left;border-left: 1px dotted #484946;margin-left: 15px;margin-top: 10px;padding-left: 15px;font-size: 11px;color: #bbb;height: 100px;} .about_footer h3{font-size: 13px;} .about_footer ul{margin: 10px 0;} .about_footer ul li{margin: 0 0 5px 0;} #friends.about_footer{width: 190px;} /*Global Search*/ #header_left_wrap{display: block;width: 500px;margin: 0 50px 0 0;} #global_search {position: absolute;top: 20px;left: 190px;background: url(/images/matrix_a.png) no-repeat -62px -127px;height: 34px;width: 386px;} #global_search input#global_search_input {width: 355px;border: none;margin: 5px 0 5px 20px;font:700 18px "Myriad Pro Bold",Myriad Pro,Helvetica, Arial;color: #3f3f3f;background-color: transparent;} input#btn_gs {position: absolute;top: 20px;left: 566px;background: url(/images/matrix_a.png) no-repeat -622px -90px;height: 34px;width: 51px;border: none;color: #eee;font:bold 14px Helvetica Neue,Arial,sans-serif;cursor: pointer;} input#btn_gs:hover{background: url(/images/matrix_a.png) no-repeat -622px -126px;} input#btn_gs:active{background: url(/images/matrix_a.png) no-repeat -622px -163px;} /*1.1.Log In */ #logIn {color: #8c8c8c;} #logIn h2, .drawerContent h2 {font-family: Myriad Pro,Helvetica, Arial;font-weight: 600;font-size: 18px;color: #6c6c6c;margin: 25px 0 5px 0;clear: both;} .login_col{float: left;width: 200px;margin: 15px 0 45px 0;padding: 0 15px 0 0;height: 200px;} #border_left.login_col{padding: 0 15px;border-left: 1px dashed #454545;} #login_facebook.login_col{} .login_col p{margin: 0 0 25px 0;color: #ccc;} #logIn label{font-size: 11px; font-weight: normal;color: #ccc;display: block;font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;margin: 10px 0 5px 0;} .tb_mid input{width: 285px;padding: 4px;color: #666;font: 24px Helvetica, Arial, Geneva, sans-serif;margin: 5px;border: none;background-color: transparent;} #logIn input#btnLogin{position: relative;top: 10px;left: 140px;} #register_cont{clear:both;} #register_cont p{color: #ccc;} #register_wrap{margin: 20px 15px;float: left;clear:both;} #drawerRegistrationStatus{margin: 75px 0 -30px 0;font-weight: 700;font-size: 12px;} #login_success { position:absolute; right: 10px; color: #e1e1e1; font: bold 13px "Lucida Grande", Lucida, Verdana, sans-serif;margin: 10px;} #login_success .login_suc_col{float: left;} #login_success a{text-decoration: none;color: #bdbdbd;} #login_success a:hover{border-bottom: 1px dotted #666;} #login_success #connected_via { display:block; color:#999; font-size:9px; font-weight:100;} #login_success span#facebook_login {text-align: right;} #login_success #facebook_user_pic {display:block;width:50px; height:50px; margin: 0 0 0 10px;border: 1px solid #111; background:transparent url('http://static.ak.connect.facebook.com/pics/t_silhouette_logo.gif') no-repeat top left; -webkit-box-shadow:0 1px 1px #414141;-moz-box-shadow:0 1px 1px #414141} #login_success #facebook_user_pic a{border: none;} #facebook_connect_newuser { display:none; position:relative; padding:2px; float:right; margin:8px 10px 0 0; color: #e1e1e1; font: bold 11px "Lucida Grande", Lucida, Verdana, sans-serif; width:600px; text-align:right; line-height:2.0; } .regLogin, .drawer_coming_soon,.drawer_not_used{border:1px solid #333;display: block;width: 96%;margin: 50px 0 0 0;color: #EEE;font-size: 12px;line-height: 1.5;padding: 20px 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-moz-box-shadow: 0 0 5px #000;-webkit-box-shadow: 0 0 5px #000;box-shadow: 0 0 5px #000;background-color: #20211e;} .regLogin:hover, .drawer_coming_soon:hover,.drawer_not_used:hover{box-shadow:0 0 10px #000;-moz-box-shadow: 0 0 10px #000;-webkit-box-shadow: 0 0 10px #000;} .regLogin{padding: 20px; width: 87%;} .regLogin .drawer_lock{width: 44px;height: 53px;background:url(/images/matrix_b.png) no-repeat -724px -489px;float: left;margin: 0 20px 0 0;} .regLogin h2{color: #cbcbcb;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,sans-serif;font-weight:300;font-size: 20px;text-shadow: 0 0 1px #222;-webkit-box-shadow: 0 0 1px #222;-moz-box-shadow:0 0 1px #222;} .regLogin p{color: #888;font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif;font-weight:300;font-size: 12px;margin: 10px 0 0 65px;} .regLogin em{display: block;color: #bbb;font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif;font-weight:300;font-size: 12px;margin: 20px 0 0 65px;padding: 15px 0 0 0;border-top: 1px dashed #444;font-style: normal;} input#register_btn{position: relative;top: 10px;left: 290px; } .drawer_not_used{text-align:center;} .drawer_not_used span{display:block;margin-top:10px;} .drawer_not_used span a{color: #8fc172;text-decoration:none;border-bottom:1px dotted;font-size:14px;display: none;} input#register_btn{background: url(/images/matrix_a.png) no-repeat -481px -225px;border: none;color: #EEE;cursor: pointer;font-size: 11px;font-weight: 700;height: 38px;width: 62px;} input#register_btn:hover{background-position: -481px -265px;} input#register_btn:active{background-position: -481px -305px;} form#setting_save_pref .save_settings, input.drawer_save, input#btnLogin,input#save_settings {background: url(/images/matrix_a.png) no-repeat -551px -225px;height: 31px;width: 58px;border: none;color: #fff;cursor: pointer;} form#setting_save_pref .save_settings:hover, input.drawer_save:hover, input#btnLogin:hover,input#save_settings:hover{background-position: -551px -260px;} form#setting_save_pref .save_settings:active, input.drawer_save:active, input#btnLogin:active,input#save_settings:active{background-position: -551px -295px;} /* Drawer-Register & Settings*/ .tb_mid{background: url(/images/matrix_a.png) no-repeat -77px -214px;height: 48px;width: 305px;margin-left: 50px;} .step h3{display: inline;font: bold 40pt Georgia, "Times New Roman", Times, serif;color: #FFF;} .step em{font-style: normal;padding: 0 0 0 15px;color: #888;font-size: 13px;font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif;} .step em span{font-size: 8pt;color: #666;} #drawer_tos{font-size: 9px;margin: 10px 0 0 55px;} #drawer_tos a{color: #8fc172;text-decoration: none;} #drawer_tos a:hover{text-decoration: underline;} /*1.2.Navigation*/ ul#navBar {clear: both;text-align: right;position: absolute;top:70px;width: 100%;height: 25px;} ul#navBar li{display: inline;} ul#navBar li a{text-decoration: none;float: right;display: inline-block;margin: 0;padding: 0;outline: none;height: 25px;background: url(/images/matrix_b.png) no-repeat;} ul#navBar li a#register{background-position: -52px -223px;width: 125px;} ul#navBar li a#settings{background-position: -179px -223px;width: 84px;} ul#navBar li a#budget{background-position: -263px -223px;width: 90px;} ul#navBar li a#alerts{background-position: -353px -223px;width: 81px;} ul#navBar li a#wishlist{background-position: -434px -223px;width: 95px;} ul#navBar li a#comparison{background-position: -529px -223px;width: 115px;} ul#navBar li a#register:hover{background-position: -52px -249px;} ul#navBar li a#settings:hover{background-position: -179px -249px;} ul#navBar li a#budget:hover{background-position: -263px -249px;} ul#navBar li a#alerts:hover{background-position: -353px -249px;} ul#navBar li a#wishlist:hover{background-position: -434px -249px;} ul#navBar li a#comparison:hover{background-position: -529px -249px;} ul#navBar li a#register:active,ul#navBar li a#register.active{background-position: -52px -275px;} ul#navBar li a#settings:active,ul#navBar li a#settings.active{background-position: -179px -275px;} ul#navBar li a#budget:active,ul#navBar li a#budget.active{background-position: -263px -275px;} ul#navBar li a#alerts:active,ul#navBar li a#alerts.active{background-position: -353px -275px;} ul#navBar li a#wishlist:active,ul#navBar li a#wishlist.active{background-position: -434px -275px;} ul#navBar li a#comparison:active,ul#navBar li a#comparison.active{background-position: -529px -275px;} /*1.3.Drawer Settings*/ #drawer_outer_wrap {position:absolute; z-index:5000; top:95px; right:0px; min-height:100%; display:inline-block; margin:0; padding:0; border:0px solid red; background-color: #1a1c17; } #drawer_inner_wrap {position:relative; display:none; background:#1a1c17 url(/images/matrix_x.png) repeat-x -0px -5303px; width:0px; min-height:900px; } .drawer{display: none;color: #fff;padding: 20px 0 0 0;font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif;height:100%;} .drawerClose{background: url(/images/matrix_a.png) no-repeat -420px -230px;width: 53px;height:21px;float: right;cursor: pointer;} .drawerClose:hover{background-position: -420px -258px;} .drawerClose:active{background-position: -420px -285px;} .drawerCont{margin: 0 20px;} .drawerCont strong{display: block;border-top: 2px solid #6c6c6c;margin: 5px 0 0 0;clear:both;} .drawerContent,.drawerIntro{padding: 10px 0 0 0;font-size: 12px;line-height: 1.5;color: #ddd;} #email_change_status{padding: 25px 0;border-top: 1px dashed #454545;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,sans-serif;} #email_change_status label{color: #6c6c6c;font: inherit;font-weight:300;font-size: 20px;text-shadow:#1a1c17 0 2px 2px;} #email_change_status p{margin: 15px 0 0 0;color: #ddd;font-weight:300;font-size: 15px;line-height: 1.5;float: right;} #email_change_status p span{text-align: center;display: block;margin: 0 0 15px 0;} #email_change_status p a[onClick*=resend]{display: inline-block;background: url(/images/matrix_a.png) no-repeat -551px -225px;padding: 5px 10px;height: 21px;width: 38px;border: none;color: #eee;cursor: pointer;font-size: 12px;vertical-align: middle;text-decoration: none;} #email_change_status p a[onClick*=resend]:hover{background-position: -551px -260px;} #email_change_status p a[onClick*=resend]:hover:active{background-position: -551px -295px;} #email_change_status p a[onClick*=cancel]{display: inline-block;padding: 5px 12px;height: 21px;width: 34px;background:url(/images/matrix_a.png) no-repeat -687px -730px;border:none;color:#eee;cursor: pointer;vertical-align: middle;font-size: 12px;text-decoration: none;} #email_change_status p a[onClick*=cancel]:hover {background-position:-687px -770px;} #email_change_status p a[onClick*=cancel]:active {background-position:-687px -811px;} /*1.3.1 Cabinet Drawer Tabs*/ div.drawerCont h1{display: inline;float: left;margin: 10px 0 20px 0;color: #6c6c6c;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,sans-serif;font-weight:200;font-size: 24px;text-shadow:#1a1c17 0 2px 2px;} div.drawerCont h1 span{font-size: 11px;color: #bbb;font-weight: normal;} div.drawerCont h1 span a{text-decoration: none;color: #8fc172;} div.drawerCont h1 span a:hover{text-decoration: underline;} div.drawerCont ul.drawerTabs {clear: both;} div.drawerCont ul.drawerTabs li{display: inline;} div.drawerCont ul.drawerTabs li a{font-size: 12px;font-weight:700;color: #ddd;float: right;text-decoration: none;margin: 0 0 0 10px;padding: 5px;} div.drawerCont ul.drawerTabs li a:hover{background-color: #4f4f4f;} div.drawerCont ul.drawerTabs li a.active{background-color: #6c6c6c;color: #242d2c;border-top: 1px solid #7c7c7c;} /* Drawer Globals */ .drawer form div.config { float:left;} .drawer form div.config .txt_bx{margin: 0 0 15px 0;} .drawer form div.config span.pref_title{display: block;text-decoration: underline;font: 17px Gill sans, Helvetica,Arial,sans-serif;margin: 15px 0;color: #EEE;} .my_info_wrap{float: left;margin: 0 0 15px 0;border-bottom: 1px dashed #454545;width: 100%;} .my_info_wrap:last-child{border: none;} .my_info_col{float: left;width: 200px;} .config h2{color: #eee;margin: 10px 0;font: 700 16px Myriad Pro,Helvetica, Arial;} .drawer .drawerCont form div.config label { display:block;width:150px; margin-bottom:5px; padding-right:5px; padding-top:3px;font: 11px Helvetica,Arial,sans-serif;color: #ccc;} .config select{width: 100px;margin: 0 0 15px 0;} .txt_bx input,input.alert_price {border: none;background: transparent;padding: 6px;width: 185px;font: 17px Helvetica, Arial, Geneva, sans-serif;color: #666;} .drawer form div.config br { clear:left;} .drawer form abbr { border-bottom:1px dotted #666; } .drawer .drawer_mini_tab {display: none; margin: 20px 0 0 0;min-height: 100px;} .drawer #display_settingDash { display:block; } .drawer_cancel,input.cancel_settings {background:url(/images/matrix_a.png) no-repeat -687px -730px;border:none;color:#eee;width:61px;display:inline-block;text-decoration:none;text-align:center;vertical-align:top;padding: 9px 0;height:31px;cursor:pointer;} .drawer_cancel:hover,input.cancel_settings:hover {background-position:-687px -770px;} .drawer_cancel:active,input.cancel_settings:active {background-position:-687px -811px;} .change{text-align:right;padding:0 3px 0 0;} .txt_bx{display: inline-block;clear: both;background: url(/images/matrix_a.png) no-repeat -77px -173px;width: 198px;height: 36px;} .txt_bx.settings, .txt_bx.man{background-position:-220px -264px;height: 27px;width: 160px;} .txt_bx.settings input.bx_settings, .txt_bx.man input{padding: 5px;height: 20px;width: 145px;font-size: 12px;} /*Notice, Error, Success Messages*/ #registration_okay, #registration_error, .login_error, span.change_status{display: block;width: 99%;float: right;padding: 15px 0;margin: 10px 0 20px 0;text-align: center;font: 300 16px Helvetica Neue, Helvetica Arial;-moz-box-shadow: 0 0 5px #111;-webkit-box-shadow: 0 0 5px #111;border: 2px solid;} span.change_status{display: none;position: relative;background: #fff68e;color:#514721;border-color: #ffd000;} #registration_okay {background:#E6EFC2;color:#264409;border-color:#C6D880;} #registration_error{background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;} a#edit_settings_my_info,a#edit_settings_my_pref{float: right;color: #ccc;font-size: 10px;margin: 10px;text-decoration: none;} a#edit_settings_my_info:hover,a#edit_settings_my_pref:hover{text-decoration: underline;} .step_wrap {padding: 0 35px 0 35px;height: 100%;} .step_wrap .change{margin: 25px 0 0 0;} .drawer_btns{clear: both;text-align:right;padding:25px 0 0 0;} /*1.3.3 Drawer-Budget*/ #setBudget{width: 330px;border-bottom: 1px dotted #444;margin: 0 15px 0 0;} #setBudget em{display: block;font-style: normal;color: #888;font-size: 12pt;margin: 15px 0;} #setBudget span#headerCash{font-size: 28px;margin: 0 5px;} #setBudget input.headerTb{border: none;width: 105px;margin: 5px;font:bold 24px Gill sans, Helvetica,Arial,sans-serif;color: #ff931c} #setBudget input.headerButton{font:bold 14px Gill sans, Helvetica,Arial,sans-serif;color: #ddd;background: url(/images/drawer_btn.png) no-repeat top;border: none;width: 42px;height: 39px ;cursor: pointer;position: relative;bottom: 4px;right: 15px;} #setBudget input.headerButton:hover{background: url(/images/drawer_btn.png) no-repeat bottom;} #budget_recom {display: none;} #budget_save {display: none;} #budget_bx {display: inline-block;background: url(/images/drawer_bx.png) no-repeat;width: 122px;height: 39px;} #budget_main_wrap {min-height: 100px;} /*1.3.4 Drawer-Alerts List*/ .wlSteps {width: 100%;min-height: 50px;border-bottom: 1px dotted #444;padding: 10px 0;} .wlSteps:last-child { border: none;} .wlSteps em{display: block;font-style: normal;color: #888;font-size: 10pt;margin: 15px 0;} .wlSteps em span{color: #DDD;} .wlSteps ol li{list-style-type: decimal;margin: 0 0 0 20px;padding: 5px 0 0 0;font-size: 10pt;} .wlSteps ol li span{color: #888;} .regLogin a{color: #8fc172;} .my_watchlist .item{float: left;background-color: #373a3b;padding: 5px;margin: 5px;width: 210px;font:11px Arial,Helvetica sans-serif;} .my_watchlist .item:hover{background-color: #4f4f4f;} .my_watchlist .item img{width: 40px;height: 40px;margin: 0 0 0 5px;float: right;} .my_watchlist a.name{display: block;margin: 0 0 2px 0;text-decoration: none;color: #8fc172;} .my_watchlist .price{font-size: 13px;display: block;margin: 0 0 5px 0;} .my_watchlist .price em{font-size: 12px;font-weight: normal;font-style: normal;} .my_watchlist a.edit,.my_watchlist a.buy{text-decoration: none;color: #ddd;margin: 5px 0 0 0;} .my_watchlist a.edit{float: left;} .my_watchlist a.buy{float: right;} .my_watchlist a.buy:hover,.my_watchlist a.edit:hover{color: #8fc172;} #watchlist_movers {display: none;} #watchlist_alt {display: none;} /*1.3.4 Drawer-Wish List*/ .drawer_item_container {font-family: Gill sans, Arial, Helvetica, sans-serif;font-weight: normal; width:332px; margin:0 0 10px 0; position:relative; padding:5px; } .drawer-wl-remove-item, .drawer-alert-remove-item {display: none;width: 28px;height: 28px;background: url(/images/matrix_a.png) no-repeat -965px -598px;position: absolute;right: -7px;top: -7px;} .drawer_item_head { background: url(/images/matrix_b.png) no-repeat -368px -310px; height:67px; margin:0; padding:5px 10px 0px 10px; border:0px solid red; } .drawer_item_head h2 { margin:0; float:left; font-size:13px; width:200px; } .drawer_item_head h2 a {text-decoration:none;color: #bbb;} .drawer_item_head .drawer_price_cont { float:right; position:relative; border:0px solid red; } .drawer_item_head .drawer_price_cont span, .drawer_item_head .drawer_price_cont em { display:block; } .drawer_item_head .drawer_price_cont span { color:#8fc172; font-size:20px; } .drawer_item_head .drawer_price_cont em { color:#999; } .drawer_item_body { display:none; background: url(/images/matrix_y.png) repeat-y -3108px 0; padding:0 10px 5px 10px; min-height:132px; border:0px solid orange; } .drawer_item_body h2 {margin:0;font-size: 13px;} .drawer_item_body h2 a {text-decoration:none;color: #bbb;} .drawer_item_body .drawer_edit_col { width:120px; float:left; padding:3px; } .drawer_item_body .drawer_edit_col .txt_bx { display: inline-block;border: none;background:url(/images/matrix_a.png) no-repeat -76px -429px;width:77px;height: 25px;margin: 10px 0 0 0; } .drawer_item_body .drawer_edit_col .txt_bx input { width:47px; margin: 0 0 0 20px;position:relative; background:transparent; top:4px; border:0px solid red; } .drawer_item_footer { background: url(/images/matrix_b.png) no-repeat -18px -310px; height:39px; text-align:left; } .drawer_item_footer span { margin:15px 0 0 5px; display:inline-block; float:left; color: #888;} .alert_meets_price .drawer_item_footer span {color: #fff;} .drawer_item_actions { float:right; position:relative; top:14px; margin-right:5px; } .drawer_item_body .alert_price_status { display:none; float:right; position:relative; top:-105px; left:33px; z-index:44444; width:110px; height:20px; color:orange; } #divider_border {float: left;border-left: 1px dashed #454545; height: 100px; position: relative; z-index: 1;padding:0 8px;margin:0 10px 0 20px;} #divider_border span{display: block;background: #272a25 url(/images/matrix_a.png) no-repeat -536px -181px;width: 30px;height: 15px;position:absolute;top: 40px;right: 1px;} .save_cancel{display:inline-block; position:relative; float:left; display:none; width:125px;} #edit_l, #edit_r, #save_l, #save_r,#cancel_l,#cancel_r,#buy_now_l,#buy_now_r{background: url(/images/matrix_a.png) no-repeat;width: 6px;height: 21px;float: left;} #edit_l,#buy_now_l,#save_l,#cancel_l{background-position: -287px -431px;} .dai_edit, .dai_save, .dai_cancel{background: url(/images/matrix_x.png) repeat-x 0 -1772px;padding: 1px 5px;height: 19px;float: left;text-decoration: none;color: #bbb;} #edit_r,#buy_now_r,#save_r,#cancel_r{background-position: -294px -431px;} #cancel_r{margin: 0 10px 0 0;} .save_cancel div.cancelit { margin-right:5px; } .save_cancel div.saveit { display:none; } .alert_meets_price .drawer_item_footer {background-position: -18px -354px;} .edit .drawer_item_footer {background-position: -18px -398px;} /*1.3.5 Drawer-Comparisons*/ #drawer_comparison .drawerStatus { float:right; font-size:12px; } .comparison_holder .compareList { text-align:center; float:left; font-size:13px; margin-right:20px; } .comparison_holder .compareList .new_drop_zone {background: url(/images/nav_drawer_drop.png) no-repeat;} .comparison_holder .compareList .items {width: 105px;height: 104px;font-size:16px; text-align:center; } .comparison_holder .compareList .name {margin-top:3px;color: #888;} .comparison_holder .compareList .total {color: #ddd;font-size: 10px;} #comparisonAdd,#comparisonRemove{width: 23px;height: 45px;float: left;position: relative;top: 30px;left: 10px;cursor: pointer;} #comparisonAdd{background: url(/images/nav_drawer_compbtn.png) no-repeat top;} #comparisonRemove{background: url(/images/nav_drawer_compbtn.png) no-repeat bottom;} #compare_notice {margin:20px; } #compare_notice a#save_comparison_list {text-indent: -100000px;font-size:13px;background: url(/images/matrix_b.png) no-repeat -17px -695px; display: inline-block;height: 34px;width: 124px;} #compare_notice a#save_comparison_list:hover {background-position: -17px -731px;} #compare_notice a#save_comparison_list:active {background-position: -17px -767px;float: left;} #comparison_table { width:100%; border:0px solid red; } #comparison_table .product_column { width:200px; border:0px solid red; } #comparison_table thead th { text-align:center; color:#292929; } #comparison_table thead th.product_column { background:url(/images/matrix_x.png) repeat-x 0 -2790px;} #comparison_table thead th.product_column .product_head{width: 100%;height: 100%;border-left: 1px solid #bbb;padding: 14px 0 8px 0;} #comparison_table thead .price { display:block;font:300 24px "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,sans-serif; color:#6c6c6c;text-shadow:#ddd 0 2px 2px; } #comparison_table thead img { width:100px; height:100px; margin:10px; } #comparison_table thead .buynow { display:block; width:100%; height:47px; background:url(/images/matrix_x.png) repeat-x 0 -4611px; cursor:pointer; border-left: 1px solid #5d810e;text-align:center;} #comparison_table thead .buynow:hover {background-position: 0 -4660px;} #comparison_table thead .buynow:active {background-position: 0 -4709px;} #comparison_table thead .buynow span {display:inline-block;position: relative; width: 97px; height: 14px;background: url(/images/matrix_a.png) no-repeat -401px -94px;margin: 0 auto;top: 15px;} #comparison_table thead .rate { display:block; width:100%; background:url(/images/matrix_x.png) repeat-x 0 -4758px;height:39px; font-size:16px;position: relative; border-left: 1px solid #aaa;} #comparison_table thead .rate a { text-decoration:none; position:absolute; top:6px; left:33%; color: #777;font-size: 14px;margin: 0 auto;font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;} #comparison_table thead .rate em { display:inline-block;width:30px;background:url(/images/matrix_b.png) repeat-x -663px -524px;height:18px;position:absolute;top:29px;left:41%;margin: 0 auto; } #comparison_table thead .search { background:url(/images/matrix_x.png) repeat-x 0 -3163px; width:170px;} #comparison_table thead th.right_bar { border-right:1px solid #323430; } #comparison_table tbody {font-family: Myriad Pro,Helvetica, Arial; padding:10px; } #comparison_table tbody .first_row td { background:url(/images/matrix_x.png) repeat-x 0 -4310px; height:1px; position:relative; } #comparison_table tbody td { font-size:13px;color:#bebdbd;text-align:center; background:url(/images/matrix_x.png) repeat-x 0 -4319px;} #comparison_table tbody .feature_label { color:#9d9d9d;font-size:14px;text-align:right;padding:10px; border-left-width:0px; border-bottom:1px solid #323430; } #comparison_table tbody .feature_desc { border-left:1px solid #323430; border-bottom:1px solid #323430; } #comparison_table tbody .right_bar { border-right:1px solid #323430; } #comparison_table tbody .left_bar { width:10px; border-left:1px solid #323430; background:url(/images/matrix_b.png) no-repeat -784px -540px; } #comparison_table tbody .hide_row { display:none; } #comparison_table tbody .first_row td span { display:inline-block; width:100%; height:15px; border-left:1px solid #323430; background:url(/images/matrix_b.png) no-repeat -784px -531px; border:0px solid red; position:relative; top:1px; z-index:455; margin: 0 0 -6px 0;} X_#comparison_table tbody .left_bar { width:3px; background:url(/images/matrix_b.png) no-repeat -784px -535px; border-right-width:0; } X_#comparison_table tbody .left_bar { width:100px; } XX#comparison_table tbody .right_bar { width:172px; } #comparison_grid_show_all_rows { margin-top:0px; padding:5px 10px 5px 10px; border:1px solid gray; text-transform:uppercase; background-color:gray; color:black; letter-spacing:3px; font-size:11px; text-align:center; cursor:pointer; } .comparison_row_movable { background:url(/images/matrix_a.png) no-repeat -970px -1116px !important;} X_#comparison_table { position:relative; top:-1px; } X_#comparison_table tbody td { border-bottom:1px solid #323430; } X_.comparison_body_top{background:url(/images/matrix_x.png) repeat-x 0 -4310px;height:241px;padding-top:1px;} /*Drawer Globals*/ .alert_meets_price .drawer_item_footer{background-position: -18px -354px;} .edit .drawer_item_footer{background-position: -18px -398px;} /*2.Global Style*/ #content_center {width: 995px;} #content_center .header { background: url(/images/matrix_a.png) no-repeat -1px -657px; height:15px; } #content_center .mid { background: url(/images/matrix_y.png) repeat-y -5px 0px; padding: 0 0 0 20px;} #content_center .footer { background: url(/images/matrix_a.png) no-repeat -1px -678px; height:15px; } /*4.Slider*/ #slider {/* width: 620px; */margin: 0 auto;position: relative;} #slider .scroll {/* height: 250px; */overflow: auto;position: relative; /* fix for IE to respect overflow */clear: left;background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;} #slider .scrollContainer div.panel {/* padding: 20px; *//* height: 210px; */width: 720px; /* change to 560px if not using JS to remove rh.scroll */} #slider .scrollButtons {position: absolute;top: 150px;cursor: pointer;} #slider .scrollButtons.left {left: -20px;} #slider .scrollButtons.right {right: -20px;} /* Other */ #no_javascript_msg {margin: 2em auto;padding: 20px;font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif;line-height: 1.5;text-align: left;width: 850px;background-color: #fff;-moz-box-shadow: 0 0 .5em #444;-webkit-box-shadow: 0 0 5px #444;} #no_javascript_msg h1{font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,sans-serif;font-weight:300;font-size: 34px;margin: 0 0 15px 0;color: #333;} #no_javascript_msg a{color: #6b8b37;} /* Terms */ #tos_cont{font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;background-color: #fff;padding: 20px;} #tos_cont h1{font-size: 16px;font-weight: 700;text-align: center;margin: 0 0 15px 0;} #tos_cont h2{font-size: 15px;margin: 15px 0;text-align: center;} #tos_cont h3{font-size: 14px;margin: 15px 0 5px 0;} #tos_cont p{margin: 0 0 15px 0;} #tos_cont ol li{list-style-type: decimal;list-style-position: inside;margin: 15px 0 0 20px;} #tos_cont ol li strong{font-weight: 700;} /*Lightbox Login*/ #log_in_light_bx_wrap {width:450px;padding: 20px;font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif;font-size:11px;color: #303b35;} #log_in_light_bx_wrap #login_action_alert{margin-top:20px;font:12px Helvetica, Arial;border:1px solid #aaa;background-color:#ddd;padding:10px 50px;} #log_in_light_bx_wrap h1{font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,sans-serif;font-weight:300;} #log_in_light_bx_wrap h1{font-size: 24px;} #log_in_light_bx_wrap h2{font-size: 16px;margin: 15px 0 0;font:700 18px Myriad Pro,Helvetica, Arial;} #log_in_light_bx_wrap p{color: #797979;font-size: 12px;line-height: 1.5;} #log_in_light_bx_wrap .login_col{margin-bottom: 20px;} #log_in_light_bx_wrap #border_left.login_col{border-color: #8e8c8d;} #log_in_light_bx_wrap label{display: block;margin: 10px 0 5px 0;} #log_in_light_bx_wrap a{color: #d95d00;text-decoration: none;} #log_in_light_bx_wrap a:hover{text-decoration: underline;} #register_light_bx_btn {clear: left;padding: 15px 0;} #register_light_bx{display:none;} #register_light_bx #register_wrap{margin: 20px 0 0 25px;height: 220px;width: 360px;} #register_light_bx #register_wrap .step{width: 160px;} #register_light_bx #register_wrap #login_pass_step.step{float: left;} #register_light_bx #register_wrap #retype_pass.step{float: right;} #register_light_bx #register_wrap #tos_cb{clear: both;display: block;width: 180px;position: relative;bottom: 17px;} #register_light_bx #registration_error{-webkit-box-shadow:none;-moz-box-shadow:none;border: 1px solid #642900;padding: 10px;font-size: 12px;line-height: 1.5;} #log_in_light_bx_wrap input#btn_sm_grey{display: block;background: url(/images/matrix_a.png) no-repeat -582px -90px;width: 37px;height: 23px;position: relative;font-size: 11px;cursor: pointer;border: none;top: 5px;left: 120px;} #log_in_light_bx_wrap input.registerme { width:45px;} /* Overlay with jQ-tools */ /* container for external content.uses vertical scrollbar, if needed */ #overlay { position:relative; } #overlay iframe { border:0px solid gray; width:100%; height:100%; } #overlay #loading { display:block; position:absolute; top:0; left:0; z-index:999999; background:#ccc; font-size:15px; width:100%; height:100%; } #overlay #loading div { padding-top:23%; text-align:center; } /* overlays standard default css */ #overlay, .modal { /* standard decorations */ background-color:#fff; display:none; text-align:left; border:10px solid #fff; /* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */ -moz-border-radius:8px; -webkit-border-radius:8px; -moz-box-shadow: 0 0 50px #000; -webkit-box-shadow: 0 0 50px #000; } .modal_facebook { background-color:#fff; border:10px solid #666 !important; border:10px solid rgba(82, 82, 82, 0.698); -moz-border-radius:8px; -webkit-border-radius:8px; display:none; } #overlay .modal_body { width:460px; } .modal_body { padding:0 10px 10px 10px; border:1px solid #3B5998; font:12px "lucida grande",tahoma,verdana,arial,sans-serif; } #overlay h5, .modal h5, #overlay.modal_jcompare h5 { color:#fff; background-color:orange; padding:5px 10px; border:1px solid #3B5998; border-bottom-width:0px; font:14px "lucida grande",tahoma,verdana,arial,sans-serif; font-weight: 700; } #overlay .modal_body p { margin-top:15px; } #overlay.modal_facebook h5 { background-color:#6D84B4 !important; } #overlay.first_time_user { -moz-box-shadow: 0 0 50px #555; -webkit-box-shadow: 0 0 50px #ccc; } #overlay.first_time_user h5 { background-color:#333 !important;border: none; } #overlay.login { width:515px !important; height:480px !important; } #overlay.getsatisfaction iframe { background-color:#eee; } #link_social_account a#help { text-decoration:none; border-bottom:1px dotted blue; } #link_social_account #help_link_accounts { display:none; }