﻿@charset "utf-8";
/* CSS Document */

/* =========== GENERIC SETTINGS ============== */
body {width:100%; height:100%; margin:0; padding:0; border:0; background:#FFF;}
a {outline:none}
p {margin:0; padding:0}
.fl {float:left}
.fr {float:right}
.cf {clear:both}
h2 {font:700 15px arial; padding:4px 0px; margin:0;}
h2 span {color:#1D2C4F;}
h3 {font:700 12px arial; padding:4px 0px; margin:0; color:#036}
/* =========== LAYOUT SETTINGS =============== */
.site_wrapper {width:1000px; margin:0px auto; background:#000; overflow:hidden;}

.logo_area {width:372px; height:26px; background:url(../img/logo.png) no-repeat; padding:28px 86px 14px 26px;}
.logo_area_e3 {width:372px; height:26px; background:url(../img/logo.png) no-repeat; padding:28px 26px 14px 26px;}
.logo_area a{width:372px; height:26px; display:block}
.logo_area_e3 a{width:372px; height:26px; display:block}
.logo_area_rest {width:516px; height:68px; background:#fff;}
.logo_area_rest_e3 {width:576px; height:52px; padding-top:16px; text-align:right; background:#fff;}
.top_green_bar {background:url(../img/green_bar.png) no-repeat; width:487px; height:50px;}
.top_blue_bar {background:url(../img/blue_bar.png) no-repeat; width:513px; height:50px;}
.top_grey_bar {background:url(../img/grey_bar.png) no-repeat; width:1000px; height:38px;}
.top_grey_spacer {background:url(../img/grey_bar_separator.png) no-repeat; width:3px; height:38px; margin:0px 4px; float:left}
.create_account {width:190px; height:38px; display:block; line-height:38px; text-align:center; float:left}
.create_account a {color:#fff; font:400 11px/38px arial; text-decoration:none}
.top_grey_bar span, .top_grey_bar a {color:#fff; font:400 11px/38px arial; text-decoration:none}
#footer_menu {background:url(../img/footer_bk.png) no-repeat top center; width:1000px; height:111px; float:left}
/* {background:#CCC; width:1000px; height:20px; float:left} */
#footer_menu ul {list-style:none; margin:0; height:20px; padding:0px 10px; text-align:center;float:left}
#footer_menu ul li {float:left}
#footer_menu ul li a{color:#000; font:400 10px/20px arial; text-decoration:none}
.bottom {background:#fff; width:1000px; height:20px; color:#bbb; font:400 10px/20px arial;  float:left}

.menu {}

.black_wrapper {border:3px; border-color:#000; border-style:solid; border-top:0px;}
.black_wrapper_1000 {border:0}

#blue_button_1 {background:url(../img/physical_distribution_button.png) no-repeat; width:196px; height:66px; display:block; cursor:pointer; float:left;}
#blue_button_2 {background:url(../img/digital_distribution_button.png) no-repeat; width:197px; height:66px; display:block; cursor:pointer; float:left;}
#blue_button_3 {background:url(../img/phoenix_video_gaming_button.png) no-repeat; width:196px; height:66px; display:block; cursor:pointer; float:left;}
#blue_button_4 {background:url(../img/storefront_button.png) no-repeat; width:196px; height:66px; display:block; cursor:pointer; float:left;}
#blue_button_5 {background:url(../img/emty_button_2.png) no-repeat; width:197px; height:66px; display:block; float:left;}
.blue_button_spacer {width:3px; height:66px; float:left; display:block;}
.blue_link {width:196px; height:66px; display:block;}

.page_content_wrapper {}
.text_content_wrapper {background:url(../img/blue_text_area_background.png) no-repeat; width:565px; height:326px; padding:15px; overflow:hidden; font:400 11px verdana;}
.conan_content_wrapper {background:url(../img/conanbg.jpg) no-repeat; width:994px; height:916px; overflow:hidden; font:400 11px verdana;}
.jf_content_wrapper {background:url(../img/justflight_landing_bg.jpg) no-repeat; width:994px; height:657px; overflow:hidden; font:400 11px verdana;}

#contactUsSentence {font:400 10px arial; color:#030; padding:6px 0px;}
.text_content_wrapper p{padding:0; margin:0}
.video_player_wrapper {background:url(../img/green_video_player_background.png) no-repeat; width:389px; height:347px; padding-top:9px; padding-left:7px;}
.text_video_spacer {width:3px; height:356px; float:left; display:block;}
.announcements_wrapper {float:left}
.announcements_wrapper p{margin:0; padding:0}
.best_sellers {width:197px; height:203px; display:block;}
.new_releases {width:196px; height:203px; display:block;}
.coming_soon {width:196px; height:203px; display:block;}
.exclusives {width:197px; height:203px; display:block;}
.deals {width:196px; height:203px; display:block;}
.announcements_spacer {width:3px; height:203px; float:left; display:block;}

.bottom_blue_bar {background:url(../img/blue_footer_area.png) no-repeat; width:1000px; height:36px;}

/* ============ DEMO PAGE SETTINGS ================= */
.categories_search  {background:url(../img/grey_categs_bar.png) no-repeat; width:994px; height:35px; font:400 12px/35px arial;}
.home_button a {background:url(../img/home_button.png) no-repeat; width:55px; height:35px; display:block; float:left}
.search_empty_space {width:760px; height:35px; display:block; float:left}

.demobar_spacer, .demobar_spacer a{width:179px;}
.demobar_pc, .demobar_pc a{width:43px;}
.demobar_mac, .demobar_mac a{width:48px;}
.demobar_xbox360, .demobar_xbox360 a{width:79px;}
.demobar_ps3, .demobar_ps3 a{width:108px;}
.demobar_psp, .demobar_psp a{width:46px;}
.demobar_wii, .demobar_wii a{width:42px;}
.demobar_nds, .demobar_nds a{width:99px;}
.demobar_accessories, .demobar_accessories a{width:100px;}
.newdiv {height: 300px; width: 800px;}
.facebook {padding-top:8px; height: 58px; width: 250px;}
.newdiv {height: 300px; width: 800px;}

.demobar_spacer,.demobar_pc,.demobar_mac,.demobar_xbox360,.demobar_ps3,.demobar_psp,.demobar_wii,.demobar_nds,.demobar_accessories {display:block; height:35px;float:left}
.demobar_spacer a,.demobar_pc a,.demobar_mac a,.demobar_xbox360 a,.demobar_ps3 a,.demobar_psp a,.demobar_wii a,.demobar_nds a,.demobar_accessories a {display:block; height:35px;}

.breadcrumb {background:url(../img/breadcrumb_background.png) repeat-x; width:994px; height:27px; font:400 12px/27px arial;}
.shadow_under_breadcrumb {background:url(../img/top_shadow.png) repeat-x; width:994px; height:9px;}
.demo_page {width:994px; background:#dae0e3; float:left}
.demo_left_column {width:163px; padding:0px 6px; float:left}
.demo_center_column {width:607px; padding:0px 1px 0px 2px; float:left}
.demo_right_column {width:197px; padding:0px 6px; float:left}
.demo_v_spacer {width:100px; height:8px; display:block; float:left}
.demo_v_spacer_xl {width:600px; height:8px; display:block; float:left}
.demo_h_spacer {width:8px; height:188px; display:block; float:left}

.product_catalog {background:url(../img/product_catalog.png) no-repeat; width:139px; height:30px; padding:32px 12px 12px 12px; float:left}
.my_account {background:url(../img/my_account.png) no-repeat; width:139px; height:45px; padding:32px 12px 12px 12px; float:left}
.about_compuexpert {background:url(../img/about_compuexpert.png) no-repeat; width:139px; height:30px; padding:32px 12px 12px 12px; float:left}

.news_announcements_background {background:url(../img/news_announcements_background.png) no-repeat; width:583px; height:188px; padding:32px 12px 12px 12px; float:left}
.banner_space_demo {background:url(../img/banner_space.png) no-repeat; width:297px; height:118px; padding:0px 2px 3px 0px;}
.news_announcements_background p {font:400 12px arial; margin:0;}

.best_sellers_demo {background:url(../img/best_sellers_background.png) no-repeat;}
.new_releases_demo {background:url(../img/new_releases_background.png) no-repeat;}
.coming_soon_demo {background:url(../img/coming_soon_background.png) no-repeat;}
.exclusives_demo {background:url(../img/exclusives_background.png) no-repeat;}
.deals_demo {background:url(../img/deals_background.png) no-repeat;}
.best_sellers_demo, .new_releases_demo, .coming_soon_demo, .exclusives_demo, .deals_demo {width:173px; height:144px; padding:32px 12px 12px 12px; float:left}

.best_sellers_demo p, .new_releases_demo p, .coming_soon_demo p, .exclusives_demo p, 
.deals_demo p, .product_catalog p,.my_account p, .about_compuexpert p {font:400 12px arial}

.welcome_warning {background:url(../img/welcome_warning_background.png) no-repeat; width:181px; height:53px; padding:26px 8px 0px 8px; float:left}
.welcome_warning p{font:400 11px arial}

.subscribe_demo {background:url(../img/subscribe_demo.png) no-repeat; width:173px; height:35px; padding:32px 12px 12px 12px; float:left}

.page_demo_footer {width:986px; height:26px; background:#dae0e3; font:400 11px arial; text-align:right; padding-right:8px; float:left}


/* ============================= LEFT MENU CONFIGURATION ============================================ */

.left_menu {font:700 12px verdana; color:#000; margin:0px 2px}
.left_menu  a {font:700 12px/26px arial; color:#fff; text-align:right; width:198px; height:30px; margin-bottom:1px; text-decoration:none}
.left_menu a.selected {color:#FFDD3F}
.but_1 {background:url(../img/submenu_bg_1_off.jpg) no-repeat top left; width:198px; height:30px; float:left;}
.but_2 {background:url(../img/submenu_bg_2_off.jpg) no-repeat top left; width:198px; height:30px; float:left;}
.but_3 {background:url(../img/submenu_bg_3_off.jpg) no-repeat top left; width:198px; height:30px; float:left;}
.but_4 {background:url(../img/submenu_bg_4_off.jpg) no-repeat top left; width:198px; height:30px; float:left;}
.but_5 {background:url(../img/submenu_bg_5_off.jpg) no-repeat top left; width:198px; height:30px; float:left;}

a.but_1:hover {background:url(../img/submenu_bg_1_on.jpg) no-repeat top left; width:198px; height:30px; float:left;}
a.but_2:hover {background:url(../img/submenu_bg_2_on.jpg) no-repeat top left; width:198px; height:30px; float:left;}
a.but_3:hover {background:url(../img/submenu_bg_3_on.jpg) no-repeat top left; width:198px; height:30px; float:left;}
a.but_4:hover {background:url(../img/submenu_bg_4_on.jpg) no-repeat top left; width:198px; height:30px; float:left;}
a.but_5:hover {background:url(../img/submenu_bg_5_on.jpg) no-repeat top left; width:198px; height:30px; float:left;}


.left_submenu_wrapper{font:700 12px verdana; color:#000; margin:20px 0px; width:100%; float:left}
/* ----------------------------------------------------------*/
.left_submenu {width:175px; margin:0px auto;padding:10px; }
.left_submenu ul, .left_submenu li {margin:0px; padding:0px; padding-left:6px; list-style:none; font:700 12px verdana;}
.left_submenu ul a, .left_submenu li a { color:#449; text-decoration:none}
/* ----------------------------------------------------------*/
.left_submenu1 {width:175px; margin:0px auto;padding:10px; background:url(../img/submenu_bg_1.jpg) repeat-x top left;min-height:150px; height:150px; height:auto;}
.left_submenu1 ul, .left_submenu1 li {margin:0px; padding:0px; padding-left:6px; list-style:none; font:700 12px verdana;}
.left_submenu1 ul a, .left_submenu1 li a { color:#449; text-decoration:none}
/* ----------------------------------------------------------*/
.left_submenu2 {width:175px; margin:0px auto; padding:10px;background:url(../img/submenu_bg_2.jpg) repeat-x top left;min-height:150px; height:150px; height:auto;}
.left_submenu2 ul, .left_submenu2 li {margin:0px; padding:0px; padding-left:6px; list-style:none; font:700 12px verdana;}
.left_submenu2 ul a, .left_submenu2 li a { color:#449; text-decoration:none}
/* ----------------------------------------------------------*/
.left_submenu3 {width:175px; margin:0px auto; padding:10px;background:url(../img/submenu_bg_3.jpg) repeat-x top left;min-height:150px; height:150px; height:auto;}
.left_submenu3 ul, .left_submenu3 li {margin:0px; padding:0px; padding-left:6px; list-style:none; font:700 12px verdana;}
.left_submenu3 ul a, .left_submenu3 li a { color:#449; text-decoration:none}
/* ----------------------------------------------------------*/
.left_submenu4 {width:175px; margin:0px auto; padding:10px;background:url(../img/submenu_bg_4.jpg) repeat-x top left;min-height:150px; height:150px; height:auto;}
.left_submenu4 ul, .left_submenu4 li {margin:0px; padding:0px; padding-left:6px; list-style:none; font:700 12px verdana;}
.left_submenu4 ul a, .left_submenu4 li a { color:#449; text-decoration:none}
/* ----------------------------------------------------------*/
.left_submenu5 {width:175px; margin:0px auto;padding:10px; background:url(../img/submenu_bg_5.jpg) repeat-x top left;min-height:150px; height:150px; height:auto;}
.left_submenu5 ul, .left_submenu5 li {margin:0px; padding:0px; padding-left:6px; list-style:none; font:700 12px verdana;}
.left_submenu5 ul a, .left_submenu5 li a { color:#449; text-decoration:none}
/* ----------------------------------------------------------*/
.wave_1 {width:547px; height:565px; background:url(images/wave1.jpg) no-repeat top left; float:left; overflow:hidden}
.wave_2 {width:453px; height:565px; background:url(images/wave2.jpg) no-repeat top left; float:left;overflow:hidden}

.wave_1_sec {width:547px; height:565px; background:url(images/wave1_sec.jpg) no-repeat top left; float:left}
.wave_2_sec {width:453px; height:565px; background:url(images/wave2_sec_boxes.jpg) no-repeat top left; float:left}

/*.wave_1_vertical {width:200px; height:565px; background:url(images/wave1vertical.jpg) no-repeat top left; float:left}*/

.wave_1_vertical {background:#fff url(images/left_menu_top.jpg) no-repeat top left; width:201px; border-right:1px solid #dedede;padding-top:2px; min-height:400px; float:left}
.wave_2_vertical {width:791px; /*height:565px; */background:#fff url(images/wave2vertical.jpg) no-repeat top left; border-right:1px solid #eee;padding-top:2px; min-height:400px; float:left}

/* ================================================================================================== */

.content_area_sec {margin:4px 8px 8px 8px}
.content_area_sec a {color:#3C52A8}
.soon_title {color:#3C52A8; font:700 13px verdana}
.release_date {color:#9F0000; font:700 11px arial}

.individualProduct { float: left; width:380px;border-bottom:1px solid #dfdfdf;margin-top:4px}
.individualProductImage { float: left; /*width: 100px;*/ /*height:150px;*/ overflow:hidden; border:1px solid #000; }
.individualProductContent { float: left; width: 300px; margin-top:4px }
.individualProductContent p {padding-left:20px}
.price {font:700 14px verdana; color:#b00}
li.nob {list-style:none}

.individualProduct2 { float: left; width:680px;border-bottom:1px solid #dfdfdf;margin-top:4px}
.individualProductImage2 { float: left; /*width: 100px;*/ /*height:150px;*/ overflow:hidden; border:1px solid #000; }
.individualProductContent2 { float: left; width: 670px; margin-top:4px }

#message_0 {padding:0px 8px;}
#message_0 h2 {padding-top:8px}
/* #page_overlay {position:absolute; top:0; left:0; width:100%; height:99999px; background:#000; opacity:0.4; filter:alpha(opacity=40); z-index:8888; display:none;} */
#page_overlay {position:absolute; top:0; left:0; width:100%; background:url(/img/ov.png) repeat;} 



#tabel_exclusives {border-collapse:collapse;}
.ex_img img {width:247px; height:155px; overflow:hidden; cursor:pointer;}
.ex_img_last {width:247px !important; height:155px !important; overflow:hidden;}
.ex_img_last img {width:247px; height:155px; overflow:hidden;border-right:0px;}

.ex_big {width:747px !important;height:772px; overflow:hidden;}
td.ex_big > div{width:747px !important;height:772px;overflow:hidden;border:0;}
.ex_big a {border:0}

#tabel_exclusives {border-collapse: collapse; border-top:solid 3px #000; border-bottom:solid 3px #000; margin:0; font:400 1px/1px arial; width: 994px; overflow: hidden;background-color:#000}
#tabel_exclusives div img {border:0; height:772px;}

.d_text {font:400 12px arial; padding-left:10px; text-align:left; display:block;color:#fff;}
#wrapper {
	background:#000000 url(http://compuexpert.com/assets/images/exclusives/Exlcusive_landing.jpg) no-repeat top left;
	height: 1600px;
	width: 994px;
	border:none
}

.tab-holder{
        width: 1000px;
	margin: auto;
}


#tab1{
    background-image: url("../images/tab1.jpg");
    border: 3px solid #000000;
    display: block;
    float: left;
    height: 66px;
    text-indent: -9999px;
    width: 119px;
}

#tab2{
    background-image: url("../images/tab2.jpg");
    border-bottom: 3px solid #000000;
    border-right: 3px solid #000000;
    border-top: 3px solid #000000;
    display: block;
    float: left;
    height: 66px;
    text-indent: -9999px;
    width: 122px;
}


#tab3{
    background-image: url("../images/tab3.jpg");
    border-bottom: 3px solid #000000;
    border-right: 3px solid #000000;
    border-top: 3px solid #000000;
    display: block;
    float: left;
    height: 66px;
    text-indent: -9999px;
    width: 122px;
}


#tab4{
    background-image: url("../images/tab4.jpg");
    border-bottom: 3px solid #000000;
    border-right: 3px solid #000000;
    border-top: 3px solid #000000;
    display: block;
    float: left;
    height: 66px;
    text-indent: -9999px;
    width: 122px;
}


#tab5{
    background-image: url("../images/tab5.jpg");
    border-bottom: 3px solid #000000;
    border-right: 3px solid #000000;
    border-top: 3px solid #000000;
    display: block;
    float: left;
    height: 66px;
    text-indent: -9999px;
    width: 122px;
}
	
	
#tab6{
    background-image: url("../images/tab6.jpg");
    border-bottom: 3px solid #000000;
    border-right: 3px solid #000000;
    border-top: 3px solid #000000;
    display: block;
    float: left;
    height: 66px;
    text-indent: -9999px;
    width: 122px;
}
	
	
#tab7{
    background-image: url("../images/tab7.jpg");
    border-bottom: 3px solid #000000;
    border-right: 3px solid #000000;
    border-top: 3px solid #000000;
    display: block;
    float: left;
    height: 66px;
    text-indent: -9999px;
    width: 122px;
}


#tab8{
    background-image: url("../images/tab8.jpg");
    border-bottom: 3px solid #000000;
    border-right: 3px solid #000000;
    border-top: 3px solid #000000;
    display: block;
    float: left;
    height: 66px;
    text-indent: -9999px;
    width: 122px;
}


