@charset "utf-8";
/* CSS Document */

body,p,h1,h2,ul,ol,li,a,span,table,th,tr,thead,td{margin:0;padding:0;list-style-type:none;text-decoration:none;color:#000000;font:14px "Lucida Sans Unicode", "Lucida Sans";font-weight:normal}

body{background:#FFFFFF url(images/background.jpg) repeat-x;}
#wrapper{width:1020px;margin:0 auto;position:relative}
#header{min-height:71px;height:auto !important;height:71px;background:url(images/head_background.jpg) repeat-x;}
    #jcc-logo{float:left;background:url(images/jcc_logo.jpg) no-repeat;width:63px;height:71px;margin:0 7px 0 10px;} 
    
    /* taskbar list */
    #taskbar-container{left:0;position:absolute;z-index:1;padding-top:20px;margin-left:90px;width:655px;height:40px;overflow:hidden}
    .taskbar-container-expand{height:80px !important}
/*  #taskbar-container  #taskbar-list{float:left;margin:0px 0 0 0px;}*/
    #taskbar-container  #taskbar-list ul li{float:left;margin-right:1px;margin-bottom:3px}  
    #taskbar-container  #taskbar-list ul li p{background:url(images/thumbnail/left_side.png) no-repeat;height:38px;padding-left:6px;display:block;float:left;}
    #taskbar-container  #taskbar-list ul li p span{background:url(images/thumbnail/right_side.png) no-repeat right;height:38px;padding-right:6px;display:block;float:left;}
    #taskbar-container  #taskbar-list ul li p span a{display:block;padding:0 5px;height:38px;line-height:35px;color:#FFFFFF;background:url(images/thumbnail/current_page_background.jpg) repeat-x;float:left;}
    #taskbar-container  #taskbar-list ul li p span a img{border:none;float:left;margin-right:5px}       
    #head-left{float:left;width:10px;height:71px;background:url(images/head_top_left.jpg) no-repeat}
    #head-right{float:right;width:10px;height:71px;background:url(images/head_top_right.jpg) no-repeat}


    /*cart item*/
    #cart-block{float:right;margin-right:10px;width:250px;}
        #cart-items{border:1px inset #999999;float:right;/*margin-right:10px;*/margin-top:20px;width:200px;height:32px}
        #cart-items-iframe{width:200px;height:32px;background:none}
    #cart-item{float:left;}
    #cart-item li{float:left;background:url(images/item_background.jpg) no-repeat;width:32px;height:38px;margin:20px 3px 0 0;color:#FFFFFF;text-align:center;line-height:38px}
    #cart-item li a{font-weight:bold;font-size:18px;color:#336699}
    #cart-button{float:left;margin:20px 3px 0 0;}
    #cart-button a img{border:none}
    
    /*popup menu*/
    #popup-menu{position:absolute;background:#FFF;left:20px;top:70px;width:200px;padding:10px;display:none;border:2px solid #CCCCCC;-moz-border-radius:5px;z-index:1}
    #popup-menu li.bordered{border-bottom:1px #CCCCCC solid}
    #popup-menu li a{background:url(images/jccbuttonmenu2.jpg) no-repeat;display:block;height:43px;line-height:43px;padding-left:50px;}
    #popup-menu li a.twitter{background-position: 0 0}
    #popup-menu li a.poll{background-position: 0 -44px}
    #popup-menu li a.blog{background-position: 0 -86px}
    #popup-menu li a.forum{background-position: 0 -130px}
    #popup-menu li a.testimonials{background-position: 0 -173px}
    #popup-menu li a.aboutus{background-position: 0 -215px}
    #popup-menu li a.contactus{background-position: 0 -258px}
    #popup-menu li a.users{background-position: 0 -301px}
    #popup-menu li a.login{background-position: 0 -344px}
    
    #popup-menu li#search{background:url(images/search_background.jpg) no-repeat;height:43px;line-height:43px;position:relative}
    #popup-menu li#search input{width:175px;border:none;background:none;position:absolute;top:11px;left:2px}

    #search-button{position:absolute;width:22px;height:21px;top:20px;left:185px;overflow:hidden}
    #search-button a{width:22px;height:21px;background:none !important;}

#user-nav-menu li{float:left;padding:3px 0px}

#content-wrapper{background:url(images/content_background.png) repeat-y;padding:0px 25px 0;}
#content{min-height:500px;height:auto !important;height:500px;background:#FFFFFF url(images/jcc_background.jpg) no-repeat;position:relative;clear:both}

/* admin menu */
#admin-menu ul li a{color:#0066FF}
#admin-menu ul li a:hover{text-decoration:underline;color:#FF6600}

/* footer */
#footer{height:7px;}
    #footer-left{float:left;width:10px;height:7px;background:url(images/footer_left.png) no-repeat;}
    #footer-content{height:7px;float:left;background:url(images/footer_background.png) repeat-x;width:98%}
    #footer-right{width:10px;height:7px;float:right;background:url(images/footer_right.png) no-repeat;}

#sidebar{float:left;margin-right:15px}
#sidebar li{margin-bottom:10px;width:90px;}
#sidebar li a{background:url(images/menu_component2.jpg) no-repeat;width:90px;height:80px;display:block}
#sidebar li a.mnu_system{background-position:0 0}
#sidebar li a.mnu_laptop{background-position:0 -93px}
#sidebar li a.mnu_monitor{background-position:0 -185px}
#sidebar li a.mnu_processor{background-position:0 -279px}
#sidebar li a.mnu_motherboard{background-position:0 -747px}
#sidebar li a.mnu_videocard{background-position:0 -828px}
#sidebar li a.mnu_storage{background-position:0 -373px}
#sidebar li a.mnu_devices{background-position:0 -468px}
#sidebar li a.mnu_memory{background-position:0 -566px}
#sidebar li a.mnu_more_devices{background-position:0 -663px}

/* page content */
#page-content{float:left;width:840px;background-color:#C1D7EF;-moz-border-radius:5px;padding:10px;position:relative;margin-bottom:10px}
#page-title{background:url(images/page_title_background.jpg) repeat-x;height:58px}
#page-title img{float:left;margin-right:5px}
#page-title h1{text-transform:capitalize;font-weight:bold;}
#page-title #close-button{position:absolute;top:0;right:10px;background:url(images/close_button.jpg) no-repeat;height:19px;width:54px}

/* page body*/
#page-body{background-color:#FFFFFF;padding:20px}

/* AwesomeMart integration */
#iframe-holder{width:100%;overflow:hidden;}
#iframe-holder #awesomemartdiv{/*width:810px;*/width:100%;min-height:600px;height:auto !important;height:600px;overflow:auto;background:#FFF !important;background-image:none !important;}

/* Forum */
#forumdiv{/*width:810px;*/width:100%;min-height:600px;height:auto !important;height:600px;overflow:scroll;}

/* form control */
#formcontrol{padding:20px 0 0}
#formcontrol li{margin-bottom:5px}
#formcontrol li label{width:100px;display:inline-block}
#formcontrol .text{border:1px inset #CCCCCC;width:250px}

/* form error*/
#form-error{padding:10px 0;color:#FF0000;}
#form-error h2{color:#FF0000;font-size:16px;margin-bottom:5px}
#form-error p{color:#FF0000;margin-left:10px}


/* twitter box */
/*#twitter-box{position:absolute;position:fixed;z-index:1;background-color:#9ae4e7;bottom:10px;right:0px;width:300px;padding:5px 10px 10px;-moz-border-radius:5px;}*/
#twitter-box{position:fixed;z-index:1;background-color:#9ae4e7;bottom:0px;right:10px;width:300px;padding:5px 10px 10px;-moz-border-radius:5px;}

#twitter-box h2{padding-bottom:5px;text-align:center}
#twitter-box h2 a{color:#003399;}
#twitter-box h2 a:hover{text-decoration:underline}

#twitter-box #twitter-box-head{position:relative;}
#twitter-box #twitter-box-head h1{padding:0 0 5px;background:url(images/twitter_box_icon.jpg) no-repeat;height:22px;padding-left:23px;}
#twitter-box #twitter-box-head #twitter-box-close-button{position:absolute;top:0;right:0;background:url(images/twitter_box_close_button.jpg) no-repeat;height:21px;width:21px;display:block;}
#twitter_update_list{background-color:#d7ffff;border:2px solid #FFFFFF;padding:10px}
#twitter_update_list li{border-bottom:2px solid #FFFFFF;padding:5px 0px 0 48px;background:url(images/twitter_box_item_icon.jpg) no-repeat;}
#twitter_update_list li span{font-size:14px;display:block}

#poll-box{position:fixed;z-index:1;background-color:#eeffdd;top:0px;right:10px;width:250px;padding:5px 10px 10px;-moz-border-radius:5px}
#poll-box-frame{border:0;height:330px}
#poll-box #poll-box-close-button{background:url(images/poll_box_close_button.jpg) no-repeat;height:21px;width:21px;display:block}

/* blog post */
.tumblr_posts li{border-bottom:1px dashed #CCCCCC;padding:10px 0}
.tumblr_quote{font-size:20px}
.tumblr_source{color:#666666;text-align:right}

/* aboutus */
#aboutus .block{margin-bottom:25px;}
#aboutus .block #business-hours,#aboutus .block img{float:left}
#aboutus .block h2{font-size:16px;margin-bottom:10px}

/* business hours */
#business-hours{padding:5px}
#business-hours tr td:first-child{width:100px;text-align:left}
#business-hours tr td{width:80px;text-align:center}

/*highlight*/
#highlight{background:url(images/highlight.gif) no-repeat;width:118px;height:38px}

/* entry form */
#entry-form{margin-bottom:15px}
#entry-form li {line-height:2em;}
#entry-form li label{width:150px;display:inline-block;vertical-align:middle}
#entry-form li label.top-align {vertical-align:top}
#entry-form li .text-box{width:250px;height:25px;border:1px inset #CCC}
.required{color:#FF0000;font-size:12px;}

/* form error message*/
#form-error{margin:0 0 15px}
#form-error p{color:#FF0000;font-size:12px;margin-left:0 !important}


/* signup listing table */
#signup h2{margin-bottom:15px;font-size:16px}
#signup-list{border-collapse:collapse;}
#signup-list thead{border-bottom:2px solid #CCCCCC;}
#signup-list thead tr th{padding:10px 8px;font-size:14px;font-weight:bold;color:#333333}
#signup-list tr td{padding:5px 8px;border-bottom:1px solid #CCCCCC;color:#333333}

/* signup special */
#signup-special{background:url(images/signup.jpg) no-repeat;width:120px;height:121px;float:right}
#signup-special a{display:block;height:121px;width:120px}