.wrap{ background:#f4f4f4 url(../images/control_bg.png) bottom right no-repeat;-moz-border-radius:5px; -webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px; border:1px solid #ebebeb; width:780px; padding:10px; float:left; color:#666; margin-top:10px; margin-left:15px; padding-right:0;}
.wrap a{color:#777;text-decoration:none;}


#control_panel_header{ width:783px; height:90px; float:left;}
#control_logo{width:223px; height:47px; margin:0 auto; display:block;}
#control_logo a{ width:223px; height:57px; float:left; background:url(../images/control_logo.png) no-repeat; margin-top:-10px; display:block; text-indent:-9999px; margin-left:10px;}


#control_panel_header ul{ float:left; margin:0; padding:0; width:710px; border-bottom:1px solid #e6e6e6;border-top:1px solid #e6e6e6; padding-left:80px; margin-left:-10px;}
#control_panel_header ul li{ float:left; padding:7px 15px; height:19px; margin-bottom:0px;}
#control_panel_header ul li a{ color:#515151; text-decoration:none; display:block; margin-top:2px;}
#control_panel_header ul li span{ display:block; width:33px; height: 33px; margin:0 auto; text-indent:-99999px; cursor:pointer;}
#control_panel_header ul li.active a, #control_panel_header ul li.active span{ opacity:1!important; color:#d34b39;}
#control_panel_header ul .tab_upg{ margin-bottom:0; padding-bottom:15px;-moz-border-radius:0 0 5px 0; -webkit-border-radius:0 0 5px 0;-khtml-border-radius:0 0 5px 0;border-radius:0 0 5px 0;}

.tab_option{ width:630px; float:right; background:#fafafa; padding-left:15px; padding-bottom:25px; min-height:200px;}
.submit{ clear:both; float:right;}
.tab_sub_menu{ width:145px; float:left; margin-top:20px; margin-left:-10px;}
.tab_sub_menu li{width:130px; height:24px; padding:4px 0; padding-left:14px; border-bottom:1px solid #e8e8e8; margin-bottom:0;}
.tab_sub_menu .active{background:#fafafa; width:130px; height:20px;}
.tab_sub_menu li a{color:#999;}
.tab_sub_menu .active a{ color:#555;}
.reset_btn{ padding:2px 7px; background:#fff; color:#999;-moz-border-radius:10px; -webkit-border-radius:10px;-khtml-border-radius:10px;border-radius:10px; float:left; border:1px solid #999; margin-top:10px; cursor:pointer;}

.wrap .submit{ margin-right:15px;}



/*COLORPICKER*/
.colorpicker {width: 356px;height: 176px;overflow: hidden;position: absolute;background:url(../images/colorpicker/colorpicker_background.png);font-family: Arial, Helvetica, sans-serif;display: none;}
.colorpicker_color {width: 150px;height: 150px;left: 14px;top: 13px;position: absolute;background: #f00;overflow: hidden;cursor: crosshair;}
.colorpicker_color div {position: absolute;top: 0;left: 0;width: 150px;height: 150px;background: url(../images/colorpicker/colorpicker_overlay.png);}
.colorpicker_color div div {position: absolute;top: 0;left: 0;width: 11px;height: 11px;overflow: hidden;background: url(../images/colorpicker/colorpicker_select.gif);margin: -5px 0 0 -5px;}
.colorpicker_hue {position: absolute;top: 13px;left: 171px;width: 35px;height: 150px;cursor: n-resize;}
.colorpicker_hue div {position: absolute;width: 35px;height: 9px;overflow: hidden;background: url(../images/colorpicker/colorpicker_indic.gif) left top;margin: -4px 0 0 0;left: 0px;}
.colorpicker_new_color {position: absolute;width: 60px;height: 30px;left: 213px;top: 13px;background: #f00;}
.colorpicker_current_color {position: absolute;width: 60px;height: 30px;left: 283px;top: 13px;background: #f00;}
.colorpicker input {background-color: transparent;border: 1px solid transparent;position: absolute;font-size: 10px;font-family: Arial, Helvetica, sans-serif;color: #898989;top: 4px;right: 11px;text-align: right;margin: 0;padding: 0;height: 14px;}
.colorpicker_hex {position: absolute;width: 72px;height: 22px;background: url(../images/colorpicker/colorpicker_hex.png) top;left: 212px;top: 142px;}
.colorpicker_hex input {right: 6px;}
.colorpicker_field {height: 22px;width: 62px;background-position: top;position: absolute;}
.colorpicker_field span {position: absolute;width: 12px;height: 22px;overflow: hidden;top: 0;right: 0;cursor: n-resize;}
.colorpicker_rgb_r {background-image: url(../images/colorpicker/colorpicker_rgb_r.png);top: 52px;left: 212px;}
.colorpicker_rgb_g {background-image: url(../images/colorpicker/colorpicker_rgb_g.png);top: 82px;left: 212px;}
.colorpicker_rgb_b {background-image: url(../images/colorpicker/colorpicker_rgb_b.png);top: 112px;left: 212px;}
.colorpicker_hsb_h {background-image: url(../images/colorpicker/colorpicker_hsb_h.png);top: 52px;left: 282px;}
.colorpicker_hsb_s {background-image: url(../images/colorpicker/colorpicker_hsb_s.png);top: 82px;left: 282px;}
.colorpicker_hsb_b {background-image: url(../images/colorpicker/colorpicker_hsb_b.png);top: 112px;left: 282px;}
.colorpicker_submit {position: absolute;width: 22px;height: 22px;background: url(../images/colorpicker/colorpicker_submit.png) top;left: 322px;top: 142px;overflow: hidden;}
.colorpicker_focus {background-position: center;}
.colorpicker_hex.colorpicker_focus {background-position: bottom;}
.colorpicker_submit.colorpicker_focus {background-position: bottom;}
.colorpicker_slider{background-position: bottom;}


#compare{ width:615px; border-bottom:1px solid #eee; border-right:1px solid #eee;}
#compare .head { background:#f2f2f2;}
#compare .lite, #compare .pro{ text-align:center;}
#compare .lite_top, #compare .pro_top{ background:#f5f5f5; text-align:center; }
#compare .pro_top{color:#D34B39;}
#compare .feat{ background:#f3f3f3; border-right:1px solid #eee;}
#compare .feat p{ padding-left:15px;}
#compare .pro strong{color:#D34B39;}
#compare .yes{ width:16px; height:16px;display:block; text-indent:-99999px; background:url(../images/tick.png) no-repeat; margin:0 auto; margin-top:10px;}
#compare .no{ width:16px; height:16px;display:block; text-indent:-99999px; background:url(../images/cross.png) no-repeat; margin:0 auto; margin-top:10px;}