/*WRITTEN BY - COPYRIGHT
Author:     Maarten Tibau - Webtrix
Mail:       maarten@webtix.be
Date:       05/08/2009
Last edit:  05/08/2009

*** PUBLIC SECTION ***/

/*HTML ELEMENT*/
body{margin:0px; padding:0px; width:100%; background:url('/images/public/bg.png') center top repeat-x #020202; color:#FFF;}

div, img, p, form, h1, h2, ul, li, table, html{margin:0px; padding:0px; }
html{}
ul{list-style-type:none;}
strong{font-weight:bold;}
em{font-style:italic;}

/*IE 6 ERROR*/
#activebar-container{background-color:#ffffe1;}
#activebar-container ul{width:360px; margin:0 auto; padding:10px 0 5px 0;}
#activebar-container ul li{float:left; margin:10px; width:50px; height:50px; display:block; text-decoration:none; border:none !important;}
#activebar-container ul li a{width:50px; height:50px; display:block; text-decoration:none; border:none !important;}
#activebar-container ul li a:hover{text-decoration:none;}
#activebar-container div.message{width:100%; text-align:center; font-weight:bold; line-height:20px;}

/*IMAGES*/

/*CONTAINER*/
#container{width:900px; margin:0 auto;}

/*FRAME*/
#frm{width:900px; margin:0 auto; overflow:auto;}

/*FRAME TOP*/
#frm_t{width:900px;}
#frm_t div.header{width:900px; margin:23px 0 0 0; display:block; overflow:hidden;}

#frm_t div.header div.logo{width:255px; float:left;}
#frm_t div.header div.logo a.image{width:255px; height:88px; display:block; background:url('/images/public/logo.png') top left no-repeat;}
#frm_t div.header div.logo ul{margin:-25px 0 0 0;}
#frm_t div.header div.logo ul li{font-family:Arial,Verdanan,Tahoma; font-size:0.6em;}
#frm_t div.header div.logo ul li a{padding:0 0 0 20px; color:#FFF; text-decoration:none; line-height:16px; display:block;}
#frm_t div.header div.logo ul li a.fr{background:url('/images/public/fr.png') center left no-repeat;}
#frm_t div.header div.logo ul li a.nl{background:url('/images/public/nl.gif') center left no-repeat;}
#frm_t div.header div.logo ul li a.en{background:url('/images/public/gb.gif') center left no-repeat;}
#frm_t div.header div.logo ul li a:hover{text-decoration:underline;}

#frm_t div.header div.navigation{width:230px; background:url('/images/public/switcher.png') top right no-repeat; float:right; margin:22px 0 0 0; position:relative;}
#frm_t div.header div.navigation img.pill{position:absolute; top:5px; z-index:0;}
#frm_t div.header div.navigation img.gamerx{left:6px;}
#frm_t div.header div.navigation img.contact{left:114px;}
#frm_t div.header div.navigation ul{height:32px; display:block; padding:6px; z-index:9; position:relative;}
#frm_t div.header div.navigation ul li{width:108px; float:left;}
#frm_t div.header div.navigation ul li a{width:108px; height:32px; display:block;}
#frm_t div.header div.navigation ul li a#page_home{background:url('/images/public/switch1.png') center left no-repeat;}
#frm_t div.header div.navigation ul li a#page_buy{background:url('/images/public/switch2.png') center left no-repeat;}
#frm_t div.header div.navigation ul li a#page_contact{background:url('/images/public/switch3.png') center left no-repeat;}
#frm_t div.header div.navigation div.social{height:32px; margin:20px 0 0 0;}
#frm_t div.header div.navigation div.social span{line-height:32px; font-weight:bold; font-size:0.8em; font-family:Arial,Verdana,Tahoma; text-align:right; float:right; padding:0 5px 0 0;}
#frm_t div.header div.navigation div.social a{height:32px; width:32px; float:right; display:block; overflow:hidden; text-indent:-9000px; margin:0 0 0 5px;}
#frm_t div.header div.navigation div.social a.facebook{background:url('/images/public/sprite_twitter_facebook.png') right top no-repeat;}
#frm_t div.header div.navigation div.social a.facebook:hover{background:url('/images/public/sprite_twitter_facebook.png') bottom right no-repeat;}
#frm_t div.header div.navigation div.social a.twitter{background:url('/images/public/sprite_twitter_facebook.png') top left no-repeat;}
#frm_t div.header div.navigation div.social a.twitter:hover{background:url('/images/public/sprite_twitter_facebook.png') bottom left no-repeat;}

#frm_t div.intro{width:900px; height:200px; display:block; background:url('/images/public/bg_intro.png') top left no-repeat; text-align:center; margin:25px 0 0 0; font-family:Arial,Tahoma,Verdana;}
#frm_t div.intro h1{font-size:1.8em; padding:40px 0 13px 0;}
#frm_t div.intro p{font-size:0.75em; line-height:18px; vertical-align:middle; font-family:Verdana;}
#frm_t div.intro a{color:#FFF; text-decoration:none; font-style:italic;}
#frm_t div.intro a:hover{text-decoration:underline;}

#frm_t div.contact{text-align:left; width:750px; padding:0 75px 0 75px;}
#frm_t div.contact h1{padding:25px 0 13px 0;}

/*FRAME CONTENT (LEFT - MIDDLE - RIGHT)*/
#frm_c{width:900px; margin:0 auto; display:block;}

/*FRAME LEFT*/
#frm_l{}

/*FRAME MIDDLE*/
#frm_m{width:900px; display:block; overflow:hidden; font-family:Arial,Verdana,Tahoma;}
#frm_m ul.systems{width:900px; display:block; overflow:hidden;}
#frm_m ul.systems li.pc{color:#d4d4d4; background:url('/images/public/bg_setup.png') top left no-repeat; width:900px; height:308px; margin:0 0 35px 0;}
#frm_m ul.systems li.pc div{float:left;}
#frm_m ul.systems li.pc div.images{width:274px;}
#frm_m ul.systems li.pc div.images img{margin:35px 0 0 57px;}
#frm_m ul.systems li.pc div.images a.gallery{font-weight:bold; font-size:0.7em; background:url('/images/public/gallery.png') center left no-repeat; color:#FFF; padding:0 0 0 19px; text-decoration:none; height:16px; float:left; margin:0 0 0 18px;}
#frm_m ul.systems li.pc div.images a.hide{display:none;}
#frm_m ul.systems li.pc div.images a.gallery:hover{text-decoration:underline;}

#frm_m ul.systems li.pc div.specifications{width:390px; margin:20px 0 0 20px;}
#frm_m ul.systems li.pc div.specifications dl{width:390px; display:block; font-size:0.75em;}
#frm_m ul.systems li.pc div.specifications dl dt, div.specifications dl dd{float:left; line-height:24px; vertical-align:middle;}
#frm_m ul.systems li.pc div.specifications dl dt{width:120px; font-weight:bold;}
#frm_m ul.systems li.pc div.specifications dl dd{width:270px;}

#frm_m ul.systems li.pc div.summary{width:216px; height:308px; position:relative;}
#frm_m ul.systems li.pc div.summary h3{padding:27px 0 0 10px; font-size:1.0em; font-weight:bold;}
#frm_m ul.systems li.pc div.summary ul.list{margin:8px 0 0 18px;}
#frm_m ul.systems li.pc div.summary ul.list li{font-size:0.7em; line-height:22px; vertical-align:middle;}
#frm_m ul.systems li.pc div.summary div.price{border-top:1px solid #424242; width:169px; text-align:right; line-height:30px; font-weight:bold; font-size:0.9em; position:absolute; left:15px; bottom:20px;}
#frm_m ul.systems li.pc div.summary div.price small{font-weight:normal; font-family:'Trebuchet MS',Arial,Verdana; font-size:0.7em;}
#frm_m ul.systems li.pc div.summary div.price span{float:left;}
#frm_m ul.systems li.pc div.summary a.buy{margin:127px 0 0 15px; background:url('/images/public/buy_button_nl.png') top left no-repeat; height:29px; width:169px; display:block;}
#frm_m ul.systems li.pc div.summary a.buy:hover{background:url('/images/public/buy_button_nl.png') bottom left no-repeat; height:29px; width:169px; display:block;}

#frm_m ul.systems li.pc div.featured{background:url('/images/public/featured.png') top right no-repeat;}

#frm_m div.contact{margin:0 0 40px 0;}
#frm_m div.contact form dl{overflow:hidden; width:646px; margin:0 0 40px 0; display:block;}
#frm_m div.contact form dl dt{float:left; width:200px; padding:8px 0 4px 8px; margin:0 0 4px 0;}
#frm_m div.contact form dl dt label{font-size:0.75em; font-weight:bold; line-height:14px; vertical-align:middle;}
#frm_m div.contact form dl dd{float:left; width:400px; padding:8px 0 4px 8px; margin:0 0 4px 0; display:block; overflow:hidden;}
#frm_m div.contact form dl dd.error{-moz-border-radius:3px 3px 3px 3px; background-color:#FFF1AF;}
#frm_m div.contact form dl dd span{margin:2px 0 0 2px; padding:0 0 0 16px; line-height:18px; vertical-align:middle; font-size:0.6em; text-align:left; float:left; color:#CF0000; background:url('/images/public/error_icon.gif') center left no-repeat; width:349px;}
#frm_m div.contact form dl dd input{width:378px;}
#frm_m div.contact form dl dd input, dd textarea{-moz-border-radius:3px 3px 3px 3px; font-size:0.8em; padding:7px; border:none; font-size:0.8em;}
#frm_m div.contact form dl dd textarea{font-family:Arial,Verdana; font-size:0.8em; width:378px;}
#frm_m div.contact form ul{width:380px; margin:15px 0 5px 200px; overflow:hidden;}
#frm_m div.contact form ul li{margin:0 10px 0 10px;  float:left; list-style-type:none;}
#frm_m div.contact form ul li input{width:120px;}

#frm_m div.send{width:450px; text-align:center; margin:20px auto; background-color:#FFF; color:#333; -moz-border-radius:10px 10px 10px 10px; font-weight:bold; padding:10px;}
#frm_m div.send h2{font-weight:bold;}

#frm_m ul.partners{width:896px; margin:-5px 4px 30px 4px; height:74px;}
#frm_m ul.partners li{width:128px; height:74px; text-align:center; float:left; vertical-align:middle;}
#frm_m ul.partners li img{opacity:0.5; filter:alpha(opacity=50); cursor:pointer;}

/*FRAME RIGHT*/
#frm_r{}

/*FRAME BOTTOM*/
#frm_b{width:900px; border-top:1px solid #424242; padding:15px 0 25px 0; font-size:0.7em; font-family:Airal,Tahoma,Verdana; color:#999; display:block; overflow:hidden;}
#frm_b div.credits{float:left; position:relative;}
#frm_b div.credits p{line-height:15px;}
#frm_b div.credits p a{color:#FFF; text-decoration:none;}
#frm_b div.credits p a:hover{text-decoration:underline;}

#frm_b div.credits a.webtrix{height:24px; width:60px; display:block; background:url('/images/public/webtrix_icon.png') right top no-repeat; text-indent:-9000px; position:absolute; top:44px; left:213px;}
#frm_b div.credits a.webtrix:hover{background:url('/images/public/webtrix_icon.png') right -24px no-repeat;}

#frm_b div.distributor{float:right; position:relative;}
#frm_b div.distributor img{position:relative; opacity:0.5; filter:alpha(opacity=50); cursor:pointer;}
#frm_b div.distributor span{position:absolute; left:25px; top:25px;}

/*FRAME FOOTER*/
#frm_f{width:910px; padding:5px 30px 0 30px; background:url('/images/public/public/bg_frm_b.png') left top no-repeat #EBEBEB; margin:0 auto; display:block; overflow:hidden;}

#frm_f div.frm_f_copyright{width:516px; color:#000; text-align:center; font-family:Verdana,Arial,Tahoma,Sans-serif; font-size:0.7em; margin:0 auto; line-height:30px; vertical-align:middle;}
#frm_f div.frm_f_copyright a{color:#000; font-weight:bold; text-decoration:none;}
#frm_f div.frm_f_copyright a.img {height:24px; width:60px; background:url('/images/public/webtrix_icon.png') right top no-repeat; text-indent:-9000px; overflow:hidden; display:block; position:relative; top:-25px; left:443px;}
#frm_f div.frm_f_copyright a.img:hover {background:url('/images/public/webtrix_icon.png') right -24px no-repeat;}
#frm_f div.frm_f_copyright a:hover{text-decoration:none; color:#000;}

/*FRAME ERROR*/
#frm_err{width:920px; margin:150px auto;}
#frm_err img.logo{margin:0 0 10px 0;}
#frm_err div.message{margin:0 0 0 40px;}
#frm_err div.message h1{font-size:1.4em; font-family:Arial,Verdana,Tahoma; line-height:40px; vertical-align:middle; font-weight:bold; color:#FF6600;}
#frm_err div.message h3{font-size:0.8em; font-family:Verdana,Arial,Tahoma; line-height:20px; vertical-align:middle; font-weight:bold}
#frm_err div.message ul{font-size:0.7em; font-family:Verdana,Arial,Tahoma; line-height:16px; vertical-align:middle; margin:5px 0 10px 30px;}
#frm_err div.message ul li{list-style-type:disc;}
#frm_err div.message ul li a{text-decoration:none; color:#FF6600; font-style:italic;}
#frm_err div.message ul li a:hover{text-decoration:underline; color:#FF6600; font-style:italic;}

/*RANDOM CLASSES*/
.input_xxs{width:50px !important;}
.input_xs{width:100px !important;}
.input_s{width:150px !important;}
.input_m{width:200px !important;}